ajax jquery json

所需积分/C币:9 2011-11-04 2.19MB pdf
评分

ajax jquery json学习入门基础,值得推荐
xmihttpReqUest=newxmLhttprEqueSto); Else if(window. ActivcXObjcct) xmihttprEqUest=newActivexobject(microSoft.XmlhTtp') returnxmihttpreqUesT; 3) X.MLHtpReyuest对象的属性 response Text属性:获取服务器响应的文木数据 responseXml属性:获取服务器响应的xml数据 status属性:获取服务器返回的状态杩(比如200正常状态 ready State属性:获取 XmlhtTp reqUest与服务器通讯的状态(0,1,2,34, 分别描述不同的状态)。 0:(未初始化)对象已立,但是尚未初始化(尚未调用open万法) 1:(初始化)对象已建立,尚未调用send方法 2:(发送数据)send方法已调用 3:(数据传送中)已接收部分数据,此时,数据不完整。 4:(响应结束)此时,可以通过 response Text/responseXml获取数据了。 > onreadystatechange属性: 指定当 readyState属性改变时的事件处理句衲,即监听通讯状态 并刈各种状态进行相应的处理。属性值为函数调用。如下所示 xmlhttpRequestonreadystatechange handlereadystatechange;/ handlereadystatechange为函数名 或者 xmlHttpRequest. onreadystatechange function handlereadystatechangeot } statusText属性 返叫当前请求的响应行状态信息 4) XmlhtTPrequeSt对象的方法 open(bstrMethod, bstrUrl, var Async, bstrUser, bstrPassword)Jiz bstrMethod:请求方式(POST、GET、PUT及 PROPFIND) bstrUrl:请求的URL地址,可以为绝对地址也可以为相对地址 c:可选,布尔型,指定此请求是否为异步方式 bstruser:可选,如果服务器需要验证,此处指定用广名,如果 未指定,当服务器需要验证时,公弹出验证窗口。 bstr Password:可选,验证信息中的密码部分,如果用广名为空 则此值将被忽略。 send (var Body var Body:请求时向服务器所发送的数据。 注:如宋请求方式为gct,那么参数为nu,因为数据已经放在地 址中;必须要调用该方法,只有调用该方法浏览器才公开始 PDF文件使用" pdf fact or y pr"试用版本创建ww, fi reprint,com.cn 向服务器发送数据 setRequestHeader(bstrHe e)方法 单独指定请求的某个hp头 bstrheader:htp头名称,如 Content-Type等。 bstr value:该消息头的值。 如 xml Httprcqucst. sctrcqueSthcadcr("contcnt-typc application/x-www-form-urlencoded") getAlIResponseheaderse方法 获取响应的所有hp消息头 注:每个hp头名称和值用冒号分制,并以rn结末。当snd方 法完成后才可调用该方法 getResponseHeader(bstrHeader)方法 从响应信息中获取指定的h的消息头的信息 t消息头名称 注:当send方法成功后才可调用该方法 .42编程步骤 1)获取 XmlhtTprcquCst对象 2)使用 XmlhtTprequeSt对象, 发送请求 对于get请求: 先调用open方法(请求方式为get),再设置 onreadystatechange 属性的值,最后调用send方法(参数为nul) 对于post请求: 先调用open方法(请求方式为post),再设置消息头,然后设 置 onreadystatechange属性的值,最后调用send方法(参数为具体的 请求参数 3)在服务器端编写相应代码处坦请求。在服务器端,一股不需要返回完整的htnl 页闻,只需要返凹部分的数据。 4)在回调凶数中(在标签中调用的 javascript标签中的函数),通过 XmlhtTprequeSt 对象获取数据,然后更新页面 例子 let方式 function valiUserName0( varxmlhttpRequest=getxmlhttpRequest var url="valiUserName action ?userName= document getElementByldcloginNameld"). value; xmihttpreQuEst.open(get",url,true xmihttpreQu ge= function( if(xmihttprequEst.readystate==4)( PDF文件使用" pdf fact or y pr"试用版本创建ww, fi reprint,com.cn varrestext=Xmlhttprequest.respansetext; document. gctElcmcntByldc'loginNamc Spanld"). inncT hTML = rcsTcxt xmihttpreQueSt.send(nul: post方式 function valiUserName201 varxmlhttprequEst=getxmlhtTprequest( var url="valiUser Name action" xmlhttprequEstopen(post"url,true xmlhttprequEstsetrequeStheader("content-type application/x-www-forTmI-urlencoded"; xmlhttpreqUestonreadystatechange=function(( i(xmlhttprequest.readystate==4)1 var restext= xinlHttpreyueSt. responsetext: document. getElementByIdcloginNameSpanld"). innerHTML xmlhttprequeSt.sendcusernaMe=+ document. getElementByIdcloginNameld").value) 143ajax编程中的中文问题 1)当采用get方式向服务器发送请求时,ie采用gb2312/bk米编码,而 firefox米 用uF-8来编码。 当采用get方式时,解决方案 第一步:调用 JavascRipt中的 encodeuric(ur地址)方法,采用utf-8米编码ur 第二步:在 ervice. Xm文件中添加 URIEncoding="uf8 2)当采用post方式向服务器发送请求时,不管是 ie/firefox,都会采用utf8米编码 当采用post方式时,解决方案: 在获取数据时,先对 request对象进行编码设置,将编码类型没置为'utf8”’, request set Character Encoding(utf-8) PDF文件使用" pdf fact or y pr"试用版本创建ww, fi reprint,com.cn 2.JSON 21JSON是什么 Javascript Object Notation(JsON)它是一种轻量级的数据交换技术框架,一般 用于客广端(浏览器)亐服务器端进行薮据交换(即服务器端牛成符合json语法格 式的字符串,发送给服务器,然后客户端冉将该字符韦转挨成 Javascript对象) 22JSoN语法 对象:{ propNamel: valuel, propName2: value2 其中, propAne1、 propane2代表属性名,必须用"或者"括起来; value 代表值,如果值是 string,也必须用",或者"括起来。值还可以是 null true/false, 也可以是一个对象 比如:{nane:lang;age:22} Address: city. ' bj, room: 200 Iname: lang, 'age: 22),'name: chen, age: 231 23编程 231将java对象或者集合转换为符合json语法格式的字符 串 1)步骤 第一步:导入jon相关的包(导入6个包 第二步:以java对象为参数,调用 JSoNObject类的 fromObject(Object object) 方法生成 jsoNObject对象 或 以数组或集合为参数,请用 JSONArray类的 from object(object object) 方法生成 JSONArTay对象 第三步: JsoNObject刈象或 JSONArray对象调用 toString方法,从而完成jva 对象或者集合转换为符合jon语法格式的字符串 例子 User us ew user; user.setLoginName(" lang") usersetName(chen") JsONObject json=JSONObject fromObject(user); Syste printlngjson to String) PDF文件使用" pdf fact or y pr"试用版本创建ww, fi reprint,com.cn Uscr uscr I= new Uscr(; user. setloginName("lang); usersetName ("chen List<User> users new Array ist<User>o users add(user) usersadd(user1); JSONArray j=jSONArray fromObject(users); System.out. printIn gj. toString 232自定义转换规则 1)步骤 第一步:写一个转换器,该类萼实现 Ison valueprocesson,如下所示 public class Date Processor implements json ValueProcessor private String pattern="yyyy-MM-dd public void setPattern(String pattern)( thispattern Dattern public Object process Array value(Object object, Json Config config)i Date date=(Date )object Simple DateFormat fmt = new SimpleDateFormat(patten) return fmt format(date); public Object processobject Value(String str. Object object, JsonConfig config) Date date= date object SimpleDate Format fmt new SimpleDate Format(pattern); return fmt format(date) 第一步:注册转换器并使用转换器 DateProcessor processor= new DateProcessor( Json Config config = new Json ContigO config. registerJson ValueProcessor (Date class, processor) jsoNObject json= jsoNObject; omObject(user; config);/user为java对象 System. out printIn(son to String) PDF文件使用" pdf fact or y pr"试用版本创建ww, fi reprint,com.cn 233将符合json语法格式的字符串转换成js对象 需要使用 prototype中的 evalJSoNO凶数 1)如果服务器返回的是单个java对象,那么调用 evasOn函数时将会返回该对 象,使用返回对象的引用直接可以访问属性。如卜所示: vartext=ximlhttprequest.responsetext; var oBject= text. evaljsoNO: var str=+OBject id ++Object name ++Object account; 2)如果服务器返叫的是java对象数组或集合,那么调用 evasOn数时将会返 凹jaa对象集合,可以先获取某一个java对象,然后对单个对象进行处理。如 下听示: vartext=xmhttprequest.responsetext; arzs= text. evaIJSONO;多个java对象 var str=+zs[O]. id +"+aslo] name +" zs[o] account; 234在aax应用中,如何使用json做数据交换 1)步骤 第一步:在服务器端,使用jon工其将对象或者数组转换成符合jon的字符串, 然后发送给客广端(即浏览器)。 第二步:在客户端将jsmn字符串转换成j对象 第三步:使用 javascript,通过js对象获取数据,更新界面 3. jQuery 31概述 jquery是继 prototype之后又一个优秀的 Javascript框架。它是轻量级的js库(压缩 后只有21k),它兼容CSS3,还兼容各种浏览器(E60+,FF1.5+, Safari20+, Opera 90+)。 jQuery使用广能更方便地处理 HTML documents、 events、实现动画效果,并且 方便地为网站提供AJAX交互。 jQuery还有一个比较大的优势是,它的文档说明很全, 而且各种应用也说得很详细,冋肘还有许多成熟的插件可供迩择。 jQuery能够使用 的htm页保持代码和htm内容分离,也就是说,不用再在htm里面插入一堆j米调 用命令了,只需定义j即可。 PDF文件使用" pdf fact or y pr"试用版本创建ww, fi reprint,com.cn 2 JQuery语法 1)s(selector SO函数返回的不再是一个普通的dom对象而是一个封装好的 jQuery对象,可 以通过调用 jQuery对象的相应方法米操作dom对象。这样做的目的,是为了屏蔽 不同浏览器底层的差异(即对dom模型支持不完善)。 如: var diva2=$(#d1);或者 var divl= jQuery(#d1); 注意:$其实是 jQuery的别名,可以给 jQuery函数定义个新的别名,如下 所示 Ⅴara$= jQuery. no ConflictO;/aS为 jQuery的别名,可以用a$代替$。 33Dom对象和 jQuery包装集 1)Dom对象 使用 document: getElementById方法根据i获取单个Dom对象,或者使 用 document.getElements By TagName方法根据HTML标签名称获取Dom对 象集合另外在事件函数中,可以通过在方法函数中使用this引用事件触发对 象(但是在多播事件函数中E6存在问题)或者使用 event对象的trge(F 或 srcElement(iF6)获取到引发事件的Dom对象。 2) jQuery包装集 在 jQuery的世界中将所有的对象,无论是一个还是一组,都封装成一 个 jQuery包装集。 jQuery包装集都是作为一个刈象一起调用的. jQuery 包装集拥有丰富的属性和方法。 3)dom对象转换成 jQuery对象 比妇 obj=document.getElementByld(al" var Sobj= S(obD; E var Sobj= jQuery(obj); 4) jQuery对象转换成dom对象 jQuery包装集是一个集合,所以可以通过索引器汸问其中的某一个元 如: var diy2=S(#d1); var obj=diⅴ2.get(0);或者 var obj=div2.getO[0]: 注意:通过家引器返叫的不是 jQuery包装集,而是一个Dom对象 jQuery包装集的某些遍历方法,比如 eacho中,可以传递遍历函数, 在遍历函数中的this也是Dom元素。 注:下而的其体内容参照 JQuery14 APLCHM文档 PDF文件使用" pdf factory pro"试用版本创建sw, fi nepri nt,cmcn 4 jQuery核 34 jQuery核心函数 1)jQuery(expression,[context 2)jQuery(htmL, [owner Document]) 3) jQuery(html, props) 4)jQuery(elements) 5)jQuery 6) jQuery(callback) 7)jQuery(html) 342 jQuery对象访问 1) th属性 4) selector属性 6) getO 8 index( subject) 343数据缓存 344队列控制 34.5插队机制 4.5多库共存 PDF文件使用" pdf fact or y pr"试用版本创建ww, fi reprint,com.cn

...展开详情
立即下载 最低0.43元/次 学生认证VIP会员7折
举报 举报 收藏 收藏
分享

评论 下载该资源后可以进行评论 1

ljzzs 和所查内容不是很一致,但是分开讲的内容还行吧
2012-05-18
回复
2.54MB
AJAX Jquery Json实现省市三级联动

已通过测试,只是省市设置的并不全,如果数据库建表不明,可以私信我

2015-05-22 立即下载
1.18MB
java+ajax+json+jquery完整实例

实现了java+ajax+json+jquery的完整实例,包括ajax+jquery向后台传参,后台传输json数据到前台ajax接收。里面有自己遇到的四个问题,及解决的具体办法。

2017-01-09 立即下载
36KB
jquery ajax Datatable与json之间数据转换

jquery ajax Datatable与json之间数据转换jquery ajax Datatable与json之间数据转换jquery ajax Datatable与json之间数据转换jquery ajax Datatable与json之间数据转换jquery ajax Datatable与json之间数据转换jquery ajax Datatable与json之间数据转换jquery ajax Datatable与json之间数据转换jquery ajax Datatable与json之间数据转换

2009-09-14 立即下载
218KB
jquery+ajax+json省市区三级联动

jquery+ajax+json省市区三级联动,支持本地ip获得地址,可以变成两级联动.已在IE,FIREFOX,CHORME测试,欢迎继续更新学习

2012-07-13 立即下载
293KB
jQuery-ajax-json实现自动轮播图.rar

jQuery-ajax-json实现自动轮播图.rar

2020-04-25 立即下载
66KB
ajax获取json数据使用jquery分页插件显示

插件下载地址 http://www.jq22.com/jquery-plugins分页-2-jq 下载的插件用自带的数据是可以的,但是采用ajax获取的json数据的时候会报错,所以我对插件进行了修改,成功实现。这个例子希望大家看懂自己来该,照抄不了。

2017-06-22 立即下载
5.51MB
Struts+Jquery+Ajax+Json应用实例

Struts+Jquery+Ajax+Json应用实例,前端引入jquery,后台使用struts框架。前端js调用后台action,并将后台返回的json数据进行解析,设置web页面

2017-12-13 立即下载
1.37MB
Springmvc+maven+ajax+jquery+json+mybatis登录增删改查详细注释

Springmvc+maven+ajax+jquery+json+mybatis做的登录,注册,增删改查详细注释,大家可以来一下,看看对自己有没有帮助哈,这是我自己一点点的打的,采用Eclipse和IntelliJ IDEA 13.1.3均可运行出来.并且付有sql脚本.可直接导入运行.

2014-08-24 立即下载
19.28MB
SSH+jQuery+json 实现的Ajax操作,绝对精华,代码简练清晰,绝对能看明白

SSH +jquery+json做的Ajax级联操作 简练清晰 容易理解 完全可以拷贝引用

2013-04-16 立即下载
1.17MB
jquery ajax servlet json简单demo

jquery ajax servlet json简单demo

2014-03-06 立即下载
3.88MB
jqueryajaxjson对象数组到struts2的action

google搜到的。我看大神的文章发布时间是2014年5月。亲测好用。 某度搜技术类的真真真心不行。

2014-09-24 立即下载
39KB
ssh2+ajax+jquery+json 登陆验证

ssh2+ajax+jquery+json验证用户名是否存在

2011-09-25 立即下载
71KB
jQuery Json 实现Ajax无刷新分类管理源码.rar

基于jquery json实现的网站后台管理中无刷新的分类管理功能演示,如上图演示所示,可无刷新添加一个分类、在动画弹出的对话框中输入分类名称即可实现保存,同进还可无刷新删除二级分类,删除一级分类,修改分类,保存设置等,相当不错的Json学习资料,也是ASP.NET结合jQuery实现Ajax无刷新操作技术的典型实例,有必要借鉴。

2019-07-09 立即下载
3.18MB
springmvc + jquery + ajax + json 异步传递数据

springmvc jquery ajax json 异步传递数据 springmvc异步传递请求 已包含全部源代码实现 把jar包放入 然后新建文件 配置xml !!!!! 全部资源

2017-09-26 立即下载
32KB
Ajax + jQuery + json + js + jsp + servlet 三级联动

利用jQuery+Ajax+json从数据库获取数据,将获取的数据利用json格式传递,实现select控件三级联动;内附数据库sql脚本。

2012-12-06 立即下载
88KB
一个页面实现Ajax效果的增删改查-JQuery+Json

一个页面实现Ajax效果的增删改查-JQuery+Json版包含数据库

2018-08-25 立即下载
182KB
一个页面实现Ajax效果的增删改查JQuery+Json

压缩包有三个例子,多动手,拿高薪..

2018-12-19 立即下载
154KB
jquery+ajax+json+servlet实例源码

jquery下的ajax向后台servlet传输数据并从后台获得数据源码实例且有详细注释

2013-06-09 立即下载
127B
JqueryAjax异步处理Json数据中文WORD版

资源名称:Jquery Ajax异步处理Json数据 中文WORD版内容简介:本文档主要讲述的是Jquery Ajax 异步处理Json数据;希望对大家会有帮助;感兴趣的朋友可以过来看看资源截图: 资源太大,传百度网盘了,链接在附件中,有需要的同学自取。

2019-07-22 立即下载
36.76MB
Twitter手机端安装包--Android

Android手机Twitter客户端,很多时候下载特别慢,希望对你有帮助。

2017-09-29 立即下载
img
bobjoychen

关注 私信 TA的资源

上传资源赚积分,得勋章
相关内容推荐