java相关课程系列笔记之十一ajax学习笔记(建议用wps打开)

《java相关课程系列笔记之十一ajax学习笔记(建议用wps打开)》由会员上传分享，免费在线阅读，更多相关内容在工程资料-天天文库。

1、Ajax学习笔记Java相关课程系列笔记之十一good,noloosening.6.5.2DCSsidewiringtocompletetheenclosureandtheothersideafterthewiringiscompleted,DCSwithintheenclosurewhenthepowermoduleshouldbeloosenedorthepowergoesout.6.6lowvoltagecableterminalmaking6.6.1first笔记内容说明Ajax（程祖红老师主讲，占笔记内容100

2、%）；good,noloosening.6.5.2DCSsidewiringtocompletetheenclosureandtheothersideafterthewiringiscompleted,DCSwithintheenclosurewhenthepowermoduleshouldbeloosenedorthepowergoesout.6.6lowvoltagecableterminalmaking6.6.1first目录一、Ajax概述11.1什么是Ajax11.2Ajax对象：如何获得Ajax对象11.3A

3、jax对象的属性21.4编程步骤21.5编码问题31.6Ajax的优点31.7缓存问题（IE浏览器）41.8案例：简易注册（使用Ajax进行相关验证，get请求）41.9案例：修改1.8案例，使用post请求61.10案例：使用Ajax实现下拉列表6二、JSON72.1什么是JSON72.2数据交换72.3轻量级72.4JSON语法（www.json.org）72.5如何使用JSON来编写Ajax应用程序82.6案例：股票的实时行情92.7案例：显示热卖的前3个商品102.8同步请求102.9案例：修改1.8案例step

4、1中的JS代码（使用同步请求）1111勿传网上！严禁牟利！Ajax学习笔记常彦博一、Ajax概述1.1什么是AjaxAsynchronousJavascriptAndXml（异步的JavaScript和Xml）。是一种用来改善用户体验的技术，其实质是利用浏览器内置的一个特殊对象（XMLHttpRequest，一般称之为Ajax对象）异步地（Ajax对象在向服务器发送请求时，浏览器并不会销毁当前页面，用户仍然可以对当前页面作其他的操作）向服务器发送请求，服务器送回部分数据（不是一个完整的新的页面，而是文本或者Xml文档），

5、在浏览器端，可以利用这些数据部分更新当前页面。整个过程，页面无刷新，不打断用户的操作。之前，都是先销毁原来的页面，然后发送请求，等待服务器发送响应，再生成新页面。Ajax的工作流程：1.2Ajax对象：如何获得Ajax对象由于XMLHttpRequest（Ajax对象）没有标准化，所以要区分浏览器。functiongetXhr(){//注意：后面的案例都将用到此函数varxhr=null;if(window.XMLHttpRequest){xhr=newXMLHttpRequest();//非IE浏览器}else{xhr

6、=newActiveXObject('Microsoft.XMLHttp');//IE浏览器}returnxhr;}u注意事项：后面的案例也会用到以下函数function$(id){//依据id返回dom节点returndocument.getElementById(id);}function$F(id){//返回id对应的值return$(id).value;}13勿传网上！严禁牟利！Ajax学习笔记常彦博1.3Ajax对象的属性1）onreadystatechange：绑定一个事件处理函数（监听器），该函数用来处理r

7、eadystatechange事件。Ajax对象的readyState属性发生改变，比如从0到1，则会产生onreadystatechange事件。2）responseText：获得服务器返回的文本数据。3）responseXML：获得服务器返回的Xml文档。4）status：获得状态码。5）readyState：返回Ajax对象与服务器通讯的状态，返回值是一个number类型的值。一共有5个值，分别是：①0：（未初始化）对象已建立，但是尚未初始化（尚未调用open方法）。②1：（初始化）对象已建立，尚未调用send方法

8、。③2：（发送数据）send方法已调用。④3：（数据传送中）已接收部分数据。⑤4：（响应结束）Ajax对象已经获得了服务器返回的所有的数据。1.4编程步骤1）发送get请求：step1：获得Ajax对象，比如：varxhr=getXhr();//调用之前定义的函数step2：使用Ajax对象发送get请求①调用xhr