100字范文,内容丰富有趣,生活中的好帮手!
100字范文 > jquery发送ajax请求返回数据格式

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

时间:2018-11-19 23:33:31

相关推荐

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><pclass='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><pclass='para'>"+content+"</p></div>"; $("#result").html(txtHtml)

}

}

本内容不代表本网观点和政治立场,如有侵犯你的权益请联系我们处理。
网友评论
网友评论仅供其表达个人看法,并不表明网站立场。