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