AJAX如何接收J(rèn)SON數(shù)據(jù)示例介紹
簡(jiǎn)介
在我們了解如何使用AJAX返回JSON數(shù)據(jù)的時(shí)候要先明白下列幾點(diǎn)
1、 JSON如何來(lái)表示對(duì)象的
2、 JSON如何來(lái)表示數(shù)組的
var object = { "labId": "1", "labName": "服裝" };
通常我們使用如上的方式來(lái)表示JSON對(duì)象,那么數(shù)組呢
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ù)是這樣的:
private void GetJSON()
{
sb.Append("]");
}
第一種:
$(".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);
});
}
}
);
});
第二種:
$(".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ì)象屬性值
相關(guān)文章
完美解決ajax跨域請(qǐng)求下parsererror的錯(cuò)誤
下面小編就為大家?guī)?lái)一篇完美解決ajax跨域請(qǐng)求下parsererror的錯(cuò)誤。小編覺(jué)得挺不錯(cuò)的,現(xiàn)在就分享給大家,也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧2017-01-01
ajax動(dòng)態(tài)獲取數(shù)據(jù)庫(kù)中的數(shù)據(jù)方法
今天小編就為大家分享一篇ajax動(dòng)態(tài)獲取數(shù)據(jù)庫(kù)中的數(shù)據(jù)方法,具有很好的參考價(jià)值,希望對(duì)大家有所幫助。一起跟隨小編過(guò)來(lái)看看吧2018-08-08
ajax實(shí)現(xiàn)改變狀態(tài)和刪除無(wú)刷新的實(shí)例
下面小編就為大家分享一篇ajax實(shí)現(xiàn)改變狀態(tài)和刪除無(wú)刷新的實(shí)例,具有很好的參考價(jià)值,希望對(duì)大家有所幫助。一起跟隨小編過(guò)來(lái)看看吧2017-12-12
IE7下ajax之open Method New的說(shuō)明
IE7下ajax之open Method New的說(shuō)明...2007-06-06
PHP Ajax實(shí)現(xiàn)表格實(shí)時(shí)編輯
本篇文章主要介紹了Ajax實(shí)現(xiàn)表格實(shí)時(shí)編輯的方法,具有很好的參考價(jià)值。下面跟著小編一起來(lái)看下吧2017-05-05
利用 Linq+Jquery+Ajax 實(shí)現(xiàn)異步分頁(yè)功能可簡(jiǎn)化帶寬壓力
網(wǎng)上的分頁(yè)方法甚多,但都太過(guò)于消耗帶寬,所以我想到了用Ajax來(lái)分頁(yè),利用返回的Json來(lái)處理返回的數(shù)據(jù),大大簡(jiǎn)化了帶寬的壓力2014-05-05

