簡介
在我們了解如何使用AJAX返回JSON數(shù)據(jù)的時候要先明白下列幾點
1、 JSON如何來表示對象的
2、 JSON如何來表示數(shù)組的
復(fù)制代碼 代碼如下:
var object = { "labId": "1", "labName": "服裝" };
通常我們使用如上的方式來表示JSON對象，那么數(shù)組呢
復(fù)制代碼 代碼如下:
var array = [{ "labId": "1", "labName": "時尚" }, { "labId": "2", "labName": "服裝" }, { "labId": "3", "labName": "手表"}]
數(shù)組的話就如上面這樣來表示
AJAX如何接收JSON數(shù)據(jù)
假設(shè)JSON數(shù)據(jù)是這樣的：
復(fù)制代碼 代碼如下:
private void GetJSON()
{
sb.Append("[");
sb.Append("{\"artId\":\"1\",\"title\":\"新疆巴楚暴恐案一審宣判:5名被告2人獲死刑\",\"content\":\"天山網(wǎng)訊(記者田山報道) 2013年8月12日，新疆喀什地區(qū)中級人民法院對巴楚“4?23”暴力恐怖案件中木薩?艾散等5名被告人一審公開開庭審理并當庭宣判，分別以組織、領(lǐng)導(dǎo)恐怖組織罪、非法制造爆炸物罪、故意殺人罪數(shù)罪并罰，判處被告人木薩?艾散死刑，剝奪政治權(quán)利終身；以參加恐怖組織罪、故意殺人罪數(shù)罪并罰，判處被告人熱合曼?吾甫爾死刑...\"},");
sb.Append("{\"artId\":\"2\",\"title\":\"國防大學(xué)教授稱軍隊房產(chǎn)整頓與谷俊山案有關(guān)\",\"content\":\"有軍隊學(xué)者分析，推動軍隊的廉政建設(shè)，尤其是拿下像王守業(yè)、谷俊山這樣的軍隊高官，表達了軍隊和中央頂層的反腐決心。曾任軍事科學(xué)院政治工作研究所副所長，現(xiàn)為國防大學(xué)軍隊政治工作教研室副主任、教授的公方彬，對軍隊作風(fēng)和廉政建設(shè)有長期、深入的研究，近日他接受了本刊采訪。\"}");
sb.Append("]");
}
第一種：
復(fù)制代碼 代碼如下:
$(".btn").live("click", function () {
$.post("JSON.aspx", { action: "GETJSON" },
function (data) {
//現(xiàn)在data的類型只是string，現(xiàn)在我們把它轉(zhuǎn)換成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/>內(nèi)容摘要：" + json[i].content);
});
}
}
);
});
第二種：
復(fù)制代碼 代碼如下:
$(".btn").live("click", function () {
$.post("JSON.aspx", { action: "GETJSON" },
function (data) {
$(data).each(function (i) {
$("#wrap").append(data[i].artId + " " + data[i].title + "br/>內(nèi)容摘要：" + data[i].content + "br/>");
});
}, "json"
);
});
我們這里最后設(shè)置了一個參數(shù)，就是dataType，當你設(shè)置json后返回的json字符串傳遞到客戶端就是JSON對象了
由于返回的data數(shù)據(jù)是一個數(shù)組對象，所以對其進行遍歷然后獲取每一個對象屬性值
您可能感興趣的文章:- Ajax如何傳輸Json和xml數(shù)據(jù)
- $.ajax json數(shù)據(jù)傳遞方法
- jQuery Ajax異步處理Json數(shù)據(jù)詳解
- jquery的ajax異步請求接收返回json數(shù)據(jù)實例
- 淺析ajax請求json數(shù)據(jù)并用js解析(示例分析)
- jquery的ajax和getJson跨域獲取json數(shù)據(jù)的實現(xiàn)方法
- jQuery中使用Ajax獲取JSON格式數(shù)據(jù)示例代碼
- 詳談 Jquery Ajax異步處理Json數(shù)據(jù).
- jquery序列化form表單使用ajax提交后處理返回的json數(shù)據(jù)
- ajax用json實現(xiàn)數(shù)據(jù)傳輸
