您的位置:首页 > Web前端 > JQuery

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"

就像操作一个泛型一样简单,便捷。
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: 
相关文章推荐