ajax请求java 返回数据

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

1.html格式的数据

"
 
 
 "+username+" :
 "+content+" 
"

服务器端返回数据格式是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("")
Response.Write("")
Response.Write(""+content+"")
Response.Write("")
Response.Write("")
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 = "
 
 
"+ username+":
"+content+"
"; 
 
$("#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 = "
 
 
"+ username+":
"+content+"
"; 
 
$("#result").html(txtHtml)
}
}

Jquery发送ajax请求以及datatype参数为text/JSON方式