簡介
在我們了解如何使用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數據是一個數組對象，所以對其進行遍歷然后獲取每一個對象屬性值
您可能感興趣的文章:- Ajax如何傳輸Json和xml數據
- $.ajax json數據傳遞方法
- jQuery Ajax異步處理Json數據詳解
- jquery的ajax異步請求接收返回json數據實例
- 淺析ajax請求json數據并用js解析(示例分析)
- jquery的ajax和getJson跨域獲取json數據的實現方法
- jQuery中使用Ajax獲取JSON格式數據示例代碼
- 詳談 Jquery Ajax異步處理Json數據.
- jquery序列化form表單使用ajax提交后處理返回的json數據
- ajax用json實現數據傳輸
