jquery发送ajax请求返回数据格式

 1 jquery向服务器发送一个ajax请求后，可以返回多种类型的数据格式，包括：html,xml,json,text等。
 2 
 3 1.html格式的数据
 4 
 5 "<div class='comment'><h6> "+username+" :</h6><p class='para'> "+content+" </p></div>"
 6 
 7 服务器端返回数据格式是html片段，因此不需要经过处理就可以将新的html数据插入到主页面中，这种方法虽然简便，但是重用性不强。
 8 
 9 $.ajax({
10 
11    type:"POST",
12 
13    url:"Handler.ashx",
14 
15    dataType:html,
16 
17    data:{username:$("#name").val(),password:$("#pwd").val()},
18 
19    success:function(data){
20 
21      $("#result").html(data);
22 
23    }
24 
25 }
26 
27 2.XML格式的数据
28 
29 Response.Write("<?xml version=""1.0"" encoding=""utf-8""?>")
30 Response.Write("<comments>")
31 Response.Write("<comment username='"+username+"'>")
32 Response.Write("<content>"+content+"</content>")
33 Response.Write("</comment>")
34 Response.Write("</comments>")
35 
36 Response.End();
37 
38 由于服务器端返回的数据格式是XML文档，因此需要对文档的数据进行处理。
39 
40 $.ajax({
41 
42    type:"POST",
43 
44    url:"Handler.ashx",
45 
46    dataType:xml,
47 
48    data:{username:$("#name").val(),password:$("#pwd").val()},
49 
50    success:function(data){
51 
52      var username = $(data).find("comment").attr("username");
53      var content = $(data).find("comment content").text();
54      var txtHtml = "<div class='comment'><h6>"+      username+":</h6><p class='para'>"+content+"</p></div>";
55      $("#result").html(txtHtml)
56 
57    }
58 
59 }
60 
61 3.JSON格式的数据
62 
63 Response.Write("{ username : '"+username+"' , content : '"+content+"'}") 
64 
65 由于服务器端返回的数据格式是JSON文档，因此也需要对文档的数据进行处理，但是JSON文档比较XML文档更容易解析。
66 
67 $.ajax({
68 
69    type:"POST",
70 
71    url:"Handler.ashx",
72 
73    dataType:json,
74 
75    data:{username:$("#name").val(),password:$("#pwd").val()},
76 
77    success:function(data){
78 
79      var username = data.username;
80      var content = data.content;
81      var txtHtml = "<div class='comment'><h6>"+      username+":</h6><p class='para'>"+content+"</p></div>";
82      $("#result").html(txtHtml)
83 
84    }
85 
86 }
87 
88