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)

    }

 }