Ajax1、 什么是ajax　　　　AJAX = Asynchronous JavaScript and XML（异步的 JavaScript 和 XML），XML 指可扩展标记语言　　　　XML 被设计用来传输和存储数据（机构化的）　　　　AJAX 不是新的编程语言，而是一种使用现有标准的新方法。　　　　AJAX 是与服务器交换数据并更新部分网页的艺术，在不重新加载整个页面的情况下。（异步）2. 使用XMLHttpRequest对象分为4部完成: 1 .创建XmlHttpRequest对象 2.发送请求　3.ajax响应　4.调用回掉函数3.xmlHttpRequest对象介绍 (1)创建Ajax对象XMLHttpRequest（核心对象：方法，属性，事件）　　　　var xmlHttp;　　　　if(window. XMLHttpRequest){ 　　　　xmlHttp = new XMLHttpRequest();　　　　}else{ 　　　　xmlHttp = new ActiveXObject("Microsoft.XMLHTTP");　　　　}　　(2)Ajax 请求　　　　两个核心方法open()方法和send()方法，字面意思。　　　　　　　　什么时候用POST，什么时候用GET　　　　当然GET方法泛用性会比较广，但下面这些情况下只能用POST　　　　(1)、上传文件。　　　　(2)、向服务器发送大量数据(Post是没有限制的，get不行，url对长度是有限制的不同浏览器最大长度不一样，ie是2083)　　　　(3)、发送一些隐秘消息使用post更加可靠。因为你在地址栏看不到参数，截获数据的成本比较高。(post将数据放在Header中)　　　　例子：　　　　　　(1) xmlHttp.open(“GET”,”CookieServlet?username=wxy”,true);　　　　　　　　xmlHttp.send();　　　　　　(2) xmlHttp.open(“POST”,” CookieServlet”,true);　　　　　　　　　　xmlHttp.send();　　　　　　(3) xmlHttp.open(“POST”,”CookieServlet”,true);　　　　　　　　　xmlHttp.setRequestHeader(“content-type”,”application/x-www-form-urlencoded”);　　　　　　　　　　xmlHttp.send(“username=wxy&remark=aaa”);关于content-type感兴趣的同学可以去了解一下。在这里常用的我们只要知道两个：application/x-www-form-urlencoded和multipart/form-data。后者可以用来传文件的。　　　　(3)Ajax响应　　　　　　两个重要属性：readyState 和status；一个核心方法(事件)：onreadystatechange；外加一个核心属性，用以存储返回值：responseText　　　　　　(1) readyState是XMLHttpRequest对象的一个属性，用来标识当前XMLHttpRequest对象处于什么状态。　　　　　　　　　　(2) status是XMLHttpRequest对象的一个属性，表示响应的HTTP状态码　　　　　　　　例子:　　　　　　　　　　　xmlHttp.onreadystatechange=function(){ 　　　　　　　　if(xmlHttp.readyState==4 && xmlHttp.status==200){　　　　　　　　 document.getElemenById(“userPass”).value=xmlHttp.responseText;　　　　　　　　　　　　}　　　　　　　　　　}最后光看不敲假把式：　　　　前端代码：　　　　　　　　

　　　　　　　　

　　　　后端代码：　　　　　　　　

其中使用json将list数据打包成json格式数据XmlHttpRequest基本就这么多