ajax几种请求几种类型
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)
}
}
郑重声明:本站内容如果来自互联网及其他传播媒体,其版权均属原媒体及文章作者所有。转载目的在于传递更多信息及用于网络分享,并不代表本站赞同其观点和对其真实性负责,也不构成任何其他建议。