json来源于一个ashx文件,名称为:cs.ashx,需要参数:count,indexpagejson的示例代码为:
{ "bh":"12791126","cfd":"聊城","ddd":"","hwmc":"","yslx":"","yl":"","xxyxq":"","lxxm":"","xiaohao":"","lxdh":"","lxdh2":"","sm":"","sj":"2011-8-25 16:30:00","tjip":"","lx":"货源","cph":"","cllx":"","cc":"","zz":"","xqcl":"","UserID":"","bhYuan":"115617","qh":"1337","nr":"茌平发海宁 25吨 今订明装 黄岛回茌平 重货随便装 80元吨 常州回茌平 3吨 占3米空","dh":"063513375602219","laiyuan":"wd "},
{ "bh":"12791125","cfd":"连云港","ddd":"","hwmc":"","yslx":"","yl":"","xxyxq":"","lxxm":"","xiaohao":"","lxdh":"","lxdh2":"","sm":"","sj":"2011-8-25 16:30:00","tjip":"","lx":"货源","cph":"","cllx":"","cc":"","zz":"","xqcl":"","UserID":"","bhYuan":"115616","qh":"1515","nr":"金华 磐安 17立方 今订明装 有车速联系 15150911698 85708859 13327871128","dh":"15150911698 85708859 13327871128","laiyuan":"wd "},
,
如何在aspx页面中解析这段json,并显示到UL中?
{ "bh":"12791126","cfd":"聊城","ddd":"","hwmc":"","yslx":"","yl":"","xxyxq":"","lxxm":"","xiaohao":"","lxdh":"","lxdh2":"","sm":"","sj":"2011-8-25 16:30:00","tjip":"","lx":"货源","cph":"","cllx":"","cc":"","zz":"","xqcl":"","UserID":"","bhYuan":"115617","qh":"1337","nr":"茌平发海宁 25吨 今订明装 黄岛回茌平 重货随便装 80元吨 常州回茌平 3吨 占3米空","dh":"063513375602219","laiyuan":"wd "},
{ "bh":"12791125","cfd":"连云港","ddd":"","hwmc":"","yslx":"","yl":"","xxyxq":"","lxxm":"","xiaohao":"","lxdh":"","lxdh2":"","sm":"","sj":"2011-8-25 16:30:00","tjip":"","lx":"货源","cph":"","cllx":"","cc":"","zz":"","xqcl":"","UserID":"","bhYuan":"115616","qh":"1515","nr":"金华 磐安 17立方 今订明装 有车速联系 15150911698 85708859 13327871128","dh":"15150911698 85708859 13327871128","laiyuan":"wd "},
,
如何在aspx页面中解析这段json,并显示到UL中?
jquery: jQuery.post(url, [data], [callback], [type]),type 可以指定为json,直接帮你转换了
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>Jquery Animate</title>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.0/jquery.min.js"></script>
<script type="text/javascript">
$(function(){
var retData="{ 'bh':'12791126','cfd':'聊城','ddd':'','hwmc':'','yslx':'','yl':'','xxyxq':'','lxxm':'','xiaohao':'','lxdh':'','lxdh2':'','sm':'','sj':'2011-8-25 16:30:00','tjip':'','lx':'货源','cph':'','cllx':'','cc':'','zz':'','xqcl':'','UserID':'','bhYuan':'115617','qh':'1337','nr':'茌平发海宁 25吨 今订明装 黄岛回茌平 重货随便装 80元吨 常州回茌平 3吨 占3米空','dh':'063513375602219','laiyuan':'wd '},{ 'bh':'12791125','cfd':'连云港','ddd':'','hwmc':'','yslx':'','yl':'','xxyxq':'','lxxm':'','xiaohao':'','lxdh':'','lxdh2':'','sm':'','sj':'2011-8-25 16:30:00','tjip':'','lx':'货源','cph':'','cllx':'','cc':'','zz':'','xqcl':'','UserID':'','bhYuan':'115616','qh':'1515','nr':'金华 磐安 17立方 今订明装 有车速联系 15150911698 85708859 13327871128','dh':'15150911698 85708859 13327871128','laiyuan':'wd '}";//返回的应该是数组
var jsonArr=eval("(["+retData+"])");
alert(jsonArr[0].length);
var d="";
for (i = 0; i < jsonArr.length; i++)
{
d += " ," + jsonArr[i].bh;
d += " ," + jsonArr[i].bh;
d += " ," + jsonArr[i].cfd;
d += " ," + jsonArr[i].ddd;
d += " ," + jsonArr[i].hwmc;
d += " ," + jsonArr[i].yslx;
d += " ," + jsonArr[i].yl;
d += " ," + jsonArr[i].xxyxq;
d += " ," + jsonArr[i].lxxm;
d += " ," + jsonArr[i].xiaohao;
d += " ," + jsonArr[i].lxdh;
d += " ," + jsonArr[i].lxdh2;
d += " ," + jsonArr[i].sm;
d += " ," + jsonArr[i].sj;
d += " ," + jsonArr[i].tjip;
d += " ," + jsonArr[i].lx;
d += " ," + jsonArr[i].cph;
d += " ," + jsonArr[i].cllx;
d += " ," + jsonArr[i].cc;
d += " ," + jsonArr[i].zz;
d += " ," + jsonArr[i].xqcl;
d += " ," + jsonArr[i].UserID;
d += " ," + jsonArr[i].bhYuan;
d += " ," + jsonArr[i].qh;
d += " ," + jsonArr[i].nr;
d += " ," + jsonArr[i].dh;
d += " ," + jsonArr[i].laiyuan;
d += "<br>";
}
$("#mess").html(d);
});
</script>
</head>
<body>
<div id="mess"></div>
</body>
</html>
{
Response.ContentType = "appliction/json"; Response.Write("{");
Response.Write("recoreds:[");
Response.Write("{id:13234,isbn:7030122534,title:'JAVA初级教程',unitprice:'100'},");
Response.Write("{id:13234,isbn:7030122534,title:'JAVA初级教程',unitprice:'100'},");
Response.Write("{id:13234,isbn:7030122534,title:'JAVA初级教程',unitprice:'100'}");
Response.Write("]");
Response.Write("}");
Response.End();
}获取数据:<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title></title>
<script language="javascript" type="text/javascript">
function GetJSON() {
if (window.XMLHttpRequest) {
req = new XMLHttpRequest();
} else if (window.ActiveXObject) {
try {
req = new ActiveXObject("Msxml2.XMLHTTP");
} catch (e) {
try {
req = new ActiveXObject("Microsoft.XMLHTTP");
} catch (ex) { }
}
}
req.open("get", "JsonTest3.aspx");
req.send(); req.onreadystatechange = function () {
if (req.readyState == 4 && req.status == 200) {
var result = req.responseText;
var bookTable = eval("(" + result + ")");
var start = "<table><tr><th>封面</th><th>书名</th><th>价格</th><th>编号</th></tr>";
var content = "";
for (var i = 0; i < bookTable.recoreds.length; i++) {
var row = "<tr><td><img src='../booksImg/"+bookTable.recoreds[i].isbn+".jpg' /></td><td>" + bookTable.recoreds[i].title + "</td><td>" + bookTable.recoreds[i].unitprice + "</td><td>" + bookTable.recoreds[i].id + "</td></tr>";
content += row;
}
var end = "</table>";
document.getElementById("test").innerHTML = start + content + end;
}
}
}
</script>
</head>
<body>
<input type="button" value="点我获取json格式的数据" onclick="GetJSON()" />
<div id="test">
</div>
</body>
</html>
for(var key in json){
alert(json[key]);
}
获得每一个key的值
alert(key);
获得每一个key的键值
来源于Jquery原生方法