AJAX如何接收JSON數據示例介紹
2024-09-01 08:28:59
供稿：網友
簡介
在我們了解如何使用AJAX返回JSON數據的時候要先明白下列幾點
1、 JSON如何來表示對象的
2、 JSON如何來表示數組的
代碼如下:
var object = { "labId": "1", "labName": "服裝" };
通常我們使用如上的方式來表示JSON對象，那么數組呢
代碼如下:
var array = [{ "labId": "1", "labName": "時尚" }, { "labId": "2", "labName": "服裝" }, { "labId": "3", "labName": "手表"}]
數組的話就如上面這樣來表示
AJAX如何接收JSON數據
假設JSON數據是這樣的：
代碼如下:
private void GetJSON()
{
sb.Append("[");
sb.Append("{/"artId/":/"1/",/"title/":/"新疆巴楚暴恐案一審宣判:5名被告2人獲死刑/",/"content/":/"天山網訊(記者田山報道) 2013年8月12日，新疆喀什地區中級人民法院對巴楚“4?23”暴力恐怖案件中木薩?艾散等5名被告人一審公開開庭審理并當庭宣判，分別以組織、領導恐怖組織罪、非法制造爆炸物罪、故意殺人罪數罪并罰，判處被告人木薩?艾散死刑，剝奪政治權利終身；以參加恐怖組織罪、故意殺人罪數罪并罰，判處被告人熱合曼?吾甫爾死刑.../"},");
sb.Append("{/"artId/":/"2/",/"title/":/"國防大學教授稱軍隊房產整頓與谷俊山案有關/",/"content/":/"有軍隊學者分析，推動軍隊的廉政建設，尤其是拿下像王守業、谷俊山這樣的軍隊高官，表達了軍隊和中央頂層的反腐決心。曾任軍事科學院政治工作研究所副所長，現為國防大學軍隊政治工作教研室副主任、教授的公方彬，對軍隊作風和廉政建設有長期、深入的研究，近日他接受了本刊采訪。/"}");
sb.Append("]");
}
第一種：
代碼如下:
$(".btn").live("click", function () {
$.post("JSON.aspx", { action: "GETJSON" },
function (data) {
//現在data的類型只是string，現在我們把它轉換成JSON對象
var json = eval("(" + data + ")");
if (typeof (json) === 'object') {
$(json).each(function (i) {
$("#wrap").append("<div style=/"width:100%; background:#f00;/">第一種</div>"+json[i].artId + " " + json[i].title + "<br/>內容摘要：" + json[i].content);
});
}
}
);
});
第二種：
代碼如下:
$(".btn").live("click", function () {
$.post("JSON.aspx", { action: "GETJSON" },
function (data) {
$(data).each(function (i) {
$("#wrap").append(data[i].artId + " " + data[i].title + "<br/>內容摘要：" + data[i].content + "<br/>");
});
}, "json"
);
});
我們這里最后設置了一個參數，就是dataType，當你設置json后返回的json字符串傳遞到客戶端就是JSON對象了
由于返回的data數據是一個數組對象，所以對其進行遍歷然后獲取每一個對象屬性值
