1.ajax、2.XMLHttpRequest3.json重要笔记.docxVIP

1. ajax是什么? *（面试重要）1) asynchronous javascript and xml(异步的javascript和 xml)。2) ajak解决什么样的问题？为了解决传统的web 应用当中“等待-响应-等待的弊端而创建的一种技术。实质可以理解为：使用浏览器内置的一个对象(XmlHttpRequest)向服务器发送请求，服务器返回xml数据或者是文本数据给浏览器，然后在浏览器端，使用这些数据更新部分页面，整个过程，页面无任何的刷新。“等待-响应-等待”：指的是，在传统的web 应用当中，比如注册，用户填写完整个注册信息，然后提交，此时，浏览器会将整个注册页面抛弃，等待服务器返回一个新的完整的页面。在等待过程当中，用户不能够做其它操作。服务器生成新的页面发送给浏览器，浏览器需要重新解析这个页面生成相应的界面。2. 原理：利用XmlHttpRequest对象（浏览器内置）采用同步或者异步方式发送HTTP请求，服务器处理完毕，返回XML/text数据给XmlHttpRequest对象，之后调用事前注册的回调函数将数据显示在html页面中。使用步骤：a.客户端程序； 1)创建XmlHttpRequest对象。 2)利用XmlHttpRequest对象创建和发送请求。 3)调用事先注册的回调函数，处理服务器响应数据。b.服务器端程序；ServletJSP注意返回的数据是XML或者text格式。3.入门示例：1）获取XMLHTTPRequest说明：IE5：ActiveObject其他：XMLHttpRequest%@page pageEncoding=utf-8 contentType=text/html;charset=utf-8 %htmlheadtitle获取XMLHTTPRequest/titlescript type=text/javascriptfunctiongetHttpRequest(){varxhr=null;if(window.XMLHttpRequest){//非IExhr=new XMLHttpRequest();}else{xhr=new ActiveObject(Microsoft.XMLHttp);}alert(xhr);}/script/headbodya onclick=getHttpRequest() href=#获取XMLHTTPRequest/a/body/html4. XMLHttpRequest对象使用 1）函数a) openb) send(data) 发送HTTP请求 data指定请求参数，如果请求为get使用null 2)事件onreadystatechange事件利用该事件绑定一个回调函数，处理服务器的返回数据 当readyState属性值发生改变时，执行处理。 3） 属性 a)readyState指的是请求处理状态0指的是请求未初始化 1 指的是请求初始化完毕未发送（未执行send函数） 2 指的是请求已发送（执行send函数） 3 指的是请求处理中（sevelet处理） 4 指的是请求处理完毕 b) status 指的是HTTP处理状态码200：正确处理资源 404：为找到资源 500：找到资源，内部运行出错 c)responseText获取服务器返回的text 值 注意：该属性在readyText值为4 时才可以使用 d）responsexXML获取服务器返回的XML 值5.ajax编程常见的问题1） 浏览器缓存 IE浏览器经常会将URL请求结果缓存，当再次发出相同URL请求时，不会去服务器端重新加载，而是将浏览器缓存内容取出。解决方案两种：a.POST方法；xhr.open(“post”,url);xhr.setRequestHeader(“content-type”,”application/x-www-form-urlencoded”);b.GET方法，可以使用时间戳时间戳形式：“url?time=”+new date().getTime();2)中文乱码的解决： 传递中文建议使用post方式发送请求. Ajax默认使用utf-8编码；在服务器Servlet中,使用req.setCharacterEncoding(UTF-8)解码.6.ajax的优点：（面试） a) 页面无刷新b) 不打断用户的操作，用户的体验好。 c) 按需获取数据，浏览器与服务器之间数据的传输量减少。d) 是一个标准技术，浏览器内置。不需要下载任何的插件。 e) 可以利用客户端(浏览器)的