ajax几种请求几种类型

标签：style   io   ar   color   os   sp   数据   on   div   

jquery向服务器发送一个ajax请求后，可以返回多种类型的数据格式，包括：html,xml,json,text等。

首先说一下jquery中ajax标准的格式.

    $.ajax({
                url: "/CommonService.asmx/SayHello",//ajax请求地址
                type: "Post",//请求方式 分为get和post
                dataType: "json", //要求请求返回数据类型 可分为json html text xml 等
                contentType: "application/json; charset=utf-8", //发送服务器数据的编码方式
                data: "{name:‘Varchar32‘}",//传送的数据
                success: function (data) {//执行成功
                   var result= data.responseText;
                   alert(result.XXX);
                },
                error: function (data) {//执行失败
                    //200的响应也有可能被认定为error，responseText中没有Message部分
                   alert($.parseJSON(data.responseText).Message);
               },
               complete: function (data) { //不管成功还是失败后                  
               ;//after success or error
                 }
              });


下面是几种格式的例

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)

   }

}

ajax几种请求几种类型

标签：style   io   ar   color   os   sp   数据   on   div   

原文地址：http://www.cnblogs.com/sdya/p/4121067.html