1. AJAX(异步的JavaScript与XML)
   
2. 缺点：不能使用浏览器的“前进”，“后退”来回退或恢复Ajax的操作。
   
3. XMLHttpRequest对象，微软IE核心使用ActiveX实现，其他浏览器使用其他技术实现此对象。
   
4. 使用范例：
   
5.         var xmlHttpRequest = null;
   
6.         if(window.activeXObject)//除undefined和null外均是true；IE浏览器里此项为真
   
7.         {
   
8.                 xmlHttpRequest = new ActiveXObject("Microsoft.XMLHTTP");
   
9.         }else if(window.XMLHttpRequest)//除IE外的浏览器实现了此对象
   
10.         {
    
11.                 xmlHttpRequest = new XMLHttpRequest();
    
12.         }
    
13.         if(null != xmlHttpRequest)
    
14.         {
    
15.                 xmlHttpRequest.open("GET",url,true);//true表示以异步的方式发送请求，一般均为true。在firefox中，此项设为false后，下面的回调方法注册失效。
    
16.                 xmlHttpRequest.onreadystatechange=myfun;//注册回调方法,myfun为自定义的方法。
    
17.                 xmlHttpRequest.send(null);//若为POST方式，此方法可接受需提交的参数名值对字符串.如xmlHttpRequest.send("name=zhao&age=22");
    
18.         }
    
19.         function myfun()//一旦状态发生变化即调用此方法
    
20.         {
    
21.                 if(xmlHttpRequest.readyState == 4)//收到响应
    
22.                 {
    
23.                         if(xmlHttpRequest.status == 200)//客户端完整收到响应
    
24.                         {
    
25.                                 alert(xmlHttpRequest.responseText);
    
26.                         }
    
27.                 }
    
28.         }
    
29.        
    
30. 若以POST方式提交，在send之前，需执行：xmlHttpRequest.setRequestHeader("Content-Type","application/x-www-form-urlencoded");
    
31. 
    
32. jquery实现AJAX：
    
33.         $.ajax({
    
34.                 type:"POST",//请求类型，GET或POST
    
35.                 url:"myServlet",//远程URL
    
36.                 dataType:"html",//返回的数据类型，有xml、json和html（即文本）。可选，默认是html。
    
37.                 data:{"param1":$("#text1").val()},//提交的参数,可选
    
38.                 success:function(returnedData){//回调方法
    
39.                         alert(returnedData);
    
40.                 }       
    
41.         });
    
42.        
    
43.         返回XML：
    
44.                 在服务器端：
    
45.                         import org.dom4j.*;
    
46.                         ...//其他代码
    
47.                         Document doc = DocumentHelper.createDocument();
    
48.                         Element rootElement = doc.addElement("users");
    
49.                         Element userElement = rootElement.addElement("user");
    
50.                         Element nameElement = userElement.add("name");
    
51.                         nameElement.setText("zhao");
    
52.                         response.setContentType("text/xml,charset=utf-8");
    
53.                         response.setHeader("pragma","no-cache");
    
54.                         response.setHeader("cache-control","no-cache");
    
55.                         PrintWriter out = response.getWriter();
    
56.                         OutputFormat format =OutputFormat.createPrettyPrint();
    
57.                         format.setEncoding("utf-8");
    
58.                         XMLWriter xmlWriter = new xmlWriter(out,format);
    
59.                         xmlWriter.writer(doc);
    
60.                         out.flush();
    
61.                 客户端：
    
62.                         $.ajax({
    
63.                                 type:"POST",//请求类型，GET或POST
    
64.                                 url:"myServlet",//远程URL
    
65.                                 dataType:"xml",//返回的数据类型，有xml、json和html（即文本）。可选，默认是html。
    
66.                                 data:{"param1":$("#text1").val()},//提交的参数,可选
    
67.                                 success:function(returnedData){//回调方法
    
68.                                         var id = $(returnedData).find("name").text();
    
69.                                 }       
    
70.                         });
    
71.         返回JSON：
    
72.                 服务器端：
    
73.                         Person p1 = new Person("zhao");
    
74.                         Person p2 = new Person("li");
    
75.                         ArrayList<Person> list = new ArrayList<Person>();
    
76.                         list.add(p1);
    
77.                         list.add(p2);       
    
78.                         Gson gson = new Gson();
    
79.                         String json = gson.toJson(list);
    
80.                         response.setContentType("application/json;charset=utf-8");
    
81.                         response.setHeader("pragma","no-cache");
    
82.                         response.setHeader("cache-control","no-cache");
    
83.                         PrintWriter out = response.getWriter();
    
84.                         out.print(json);
    
85.                         out.flush();
    
86.                 客户端：
    
87.                         $.get("getServlet",{},function(returnedData,status){
    
88.                                 var html = "<table>";
    
89.                                 for(var i=0;i<returnedData.length;i++){
    
90.                                         var people returnedData[i];
    
91.                                         var name = people.name;
    
92.                                         html+="<tr><td>name:</td><td>"+name+"</td></tr>";
    
93.                                 }
    
94.                                 html+="</table>";
    
95.                                 $("theBody table:eq(0)").remove();
    
96.                                 $("theBody").append(html);
    
97.                         });

复制代码

总结的太好了，很实用。。

谢谢，学习中！！！！

学习了！

非常给力，收藏了

谢谢，学习中！！！！

谢谢分享

111111111111111111111111111111111111111