jquery發送ajax請求返回數據格式

jquery向服務器發送一個ajax請求后，可以返回多種類型的數據格式，包括：html,xml,json,text等。

1.html格式的數據

"<div class='comment'><h6> "+username+" :</h6><p class='para'> "+content+" </p></div>"

服務器端返回數據格式是html片段，因此不需要經過處理就可以將新的html數據插入到主頁面中，這種方法雖然簡便，但是重用性不強。

$.ajax({

   type:"POST",

   url:"Handler.ashx",

   dataType:html,

   data:{username:$("#name").val(),password:$("#pwd").val()},

   success:function(data){

     $("#result").html(data);

   }

}

2.XML格式的數據

Response.Write("<?xml version=""1.0"" encoding=""utf-8""?>")
Response.Write("<comments>")
Response.Write("<comment username='"+username+"'>")
Response.Write("<content>"+content+"</content>")
Response.Write("</comment>")
Response.Write("</comments>")

Response.End();

由於服務器端返回的數據格式是XML文檔，因此需要對文檔的數據進行處理。

$.ajax({

   type:"POST",

   url:"Handler.ashx",

   dataType:xml,

   data:{username:$("#name").val(),password:$("#pwd").val()},

   success:function(data){

     var username = $(data).find("comment").attr("username");
     var content = $(data).find("comment content").text();
     var txtHtml = "<div class='comment'><h6>"+      username+":</h6><p class='para'>"+content+"</p></div>";
     $("#result").html(txtHtml)

   }

}

3.JSON格式的數據

Response.Write("{ username : '"+username+"' , content : '"+content+"'}") 

由於服務器端返回的數據格式是JSON文檔，因此也需要對文檔的數據進行處理，但是JSON文檔比較XML文檔更容易解析。

$.ajax({

   type:"POST",

   url:"Handler.ashx",

   dataType:json,

   data:{username:$("#name").val(),password:$("#pwd").val()},

   success:function(data){

     var username = data.username;
     var content = data.content;
     var txtHtml = "<div class='comment'><h6>"+      username+":</h6><p class='para'>"+content+"</p></div>";
     $("#result").html(txtHtml)

   }

}