jQuery备忘之(一):jQuery处理.Net后台返回的Xml格式与Json格式的数据的比较分析
2010-05-20 17:14
941 查看
最近项目空闲下来,手头也没有什么事情,所以研究了一下jQuery对后台返回数据格式的处理。可能也是因为之前用JS写code的习惯,所以比较倾向于用JS处理XML格式的数据,当然这也就会造成我后台返回的数据的格式全部为XML的格式,处理起来相对繁琐。
当然我也早就发现Jquery与Json格式的数据结合的非常好,但是一直苦于.NET的对数据转换成Json格式的繁琐,所以一直也没有采用Json格式的数据,或者是在数据相对简单的情况下采用Json格式的数据,其他千篇一律XML,但是今天我分析了一下Jquery对两种数据格式的处理之后,完全改变了心态,并力推大家用Jquery + Json处理后台返回数据。
请看如下比较:
【Jquery + Xml】
如下代码是我查询IPInfo表中前10条数据,并以XML格式输出:
代码
function checkText1() {
var xmlT;
if ($.trim($("#txtID1").val()) == "") {
$("#sm1").text("请输入Json条件");
$("#txtID1").focus();
return false;
}
else {
$("#sm1").text("");
$.ajax({
type: "GET",
contentType: "application/json",
url: "../Ajax/Ajax1.aspx",
dataType: "json",
data: "", //这里是要传递的参数,格式为 data: "{paraName:paraValue}",下面将会看到
success: function(result) { //回调函数,result,返回值
var aa = '';
aa += result[1]["IPid"] + "<br>";
aa += result[1]["IPFrom"] + "<br>";
aa += result[1]["IPTo"] + "<br>";
aa += result[1]["IPLocation"] + "<br>";
aa += result[1]["IPCity"] + "<br>";
aa += result[1]["IPToNumber"] + "<br>";
aa += result[1]["IPFromNumber"] + "<br>";
$("#divMsg").html(aa);
}
});
}
我们再来看一下 result的结果集:
result
{...}
[0]: {...}
[1]: {...}
[2]: {...}
[3]: {...}
[4]: {...}
[5]: {...}
[6]: {...}
[7]: {...}
[8]: {...}
[9]: {...}
result[0]
{...}
IPCity: ""
IPFrom: "0.0.0.0 "
IPFromNumber: "0"
IPid: 1
IPLocation: "IANA CZ88.NET"
IPTo: "0.255.255.255 "
IPToNumber: "16777215"
就像操作一个泛型一样简单,便捷。
当然我也早就发现Jquery与Json格式的数据结合的非常好,但是一直苦于.NET的对数据转换成Json格式的繁琐,所以一直也没有采用Json格式的数据,或者是在数据相对简单的情况下采用Json格式的数据,其他千篇一律XML,但是今天我分析了一下Jquery对两种数据格式的处理之后,完全改变了心态,并力推大家用Jquery + Json处理后台返回数据。
请看如下比较:
【Jquery + Xml】
如下代码是我查询IPInfo表中前10条数据,并以XML格式输出:
代码
function checkText1() {
var xmlT;
if ($.trim($("#txtID1").val()) == "") {
$("#sm1").text("请输入Json条件");
$("#txtID1").focus();
return false;
}
else {
$("#sm1").text("");
$.ajax({
type: "GET",
contentType: "application/json",
url: "../Ajax/Ajax1.aspx",
dataType: "json",
data: "", //这里是要传递的参数,格式为 data: "{paraName:paraValue}",下面将会看到
success: function(result) { //回调函数,result,返回值
var aa = '';
aa += result[1]["IPid"] + "<br>";
aa += result[1]["IPFrom"] + "<br>";
aa += result[1]["IPTo"] + "<br>";
aa += result[1]["IPLocation"] + "<br>";
aa += result[1]["IPCity"] + "<br>";
aa += result[1]["IPToNumber"] + "<br>";
aa += result[1]["IPFromNumber"] + "<br>";
$("#divMsg").html(aa);
}
});
}
我们再来看一下 result的结果集:
result
{...}
[0]: {...}
[1]: {...}
[2]: {...}
[3]: {...}
[4]: {...}
[5]: {...}
[6]: {...}
[7]: {...}
[8]: {...}
[9]: {...}
result[0]
{...}
IPCity: ""
IPFrom: "0.0.0.0 "
IPFromNumber: "0"
IPid: 1
IPLocation: "IANA CZ88.NET"
IPTo: "0.255.255.255 "
IPToNumber: "16777215"
就像操作一个泛型一样简单,便捷。
相关文章推荐
- (转:Tonny Yang)jQuery备忘之(一):jQuery处理.Net后台返回的Xml格式与Json格式的数据的比较分析
- Jquery 使用Ajax获取后台返回的Json数据后,页面处理
- Jquery 使用Ajax获取后台返回的Json数据后,页面处理
- Jquery 使用Ajax获取后台返回的Json数据后,页面处理
- 解决处理后台返回json数据格式问题
- Jquery 使用Ajax获取后台返回的Json数据后,页面处理
- struts2 + ajax(由前台的form提交数据到后台,再根据form所调用返回获取的后台json格式的数据返回到前端,然后前端用jquery对json数据进行解析)==》》涉及文件上传的部分
- aotocomplete.js 处理返回后台传回的json格式的数据
- jquery调用后台方法返回json数据的处理
- 【js与jquery】jquery对返回json格式数据的处理和解析
- struts2 + ajax(由前台的form提交数据到后台,再根据form所调用返回获取的后台json格式的数据返回到前端,然后前端用jquery对json数据进行解析)==》》涉及非文件上传的部分
- Jquery 将后台返回的字符串转换成Json格式的数据
- Jquery 使用Ajax获取后台返回的Json数据后,页面处理
- 用Jquery处理PHP返回的JSON格式数据的三种方法
- Jquery 使用Ajax获取后台返回的Json数据后,页面处理
- Jquery 使用Ajax获取后台返回的Json数据后,页面处理
- 快速解决处理后台返回json数据格式的问题
- struts2 + ajax(从后台获取json格式的数据返回到前端,然后前端用jquery对json数据进行解析)
- 通过jquery的serializearray处理表单数据成json格式,并提交到后台处理
- 通过jquery的serializearray处理表单数据成json格式,并提交到后台处理