AJAX如何接收JSON數(shù)據(jù)示例介紹
更新時間:2013年08月13日 15:09:55 投稿:whsnow
如何使用AJAX返回JSON數(shù)據(jù),就是dataType,當你設(shè)置json后返回的json字符串傳遞到客戶端就是JSON對象了,示例如下,感興趣的朋友可以參考下
簡介
在我們了解如何使用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("]");
}
第一種:
復(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ù)組對象,所以對其進行遍歷然后獲取每一個對象屬性值
相關(guān)文章
jQuery+Ajax+PHP實現(xiàn)“喜歡”評級功能附源碼下載
有同學問我如何實現(xiàn)一個像美麗說那樣的“我喜歡”評級功能,當用戶看到自己喜歡的圖片或文章時,點擊“紅心”按鈕,系統(tǒng)會自動記錄用戶的點擊,并將總數(shù)加1。這樣再結(jié)合不同的系統(tǒng),可以將此功能應(yīng)用到投票或收藏商品中去(如淘寶的收藏商品)。2015-10-10使用AjaxFileUpload.js實現(xiàn)異步文件上傳示例
AjaxFilleUpload.js可以使得我們不用去管理Iframe的一系列操作,也不用影響我們的頁面結(jié)構(gòu),實現(xiàn)異步的文件提交2014-05-05django使用ajax post數(shù)據(jù)出現(xiàn)403錯誤如何解決
在django中,使用jquery ajax post數(shù)據(jù),會出現(xiàn)403的錯誤,該如何解決呢?下面由腳本之家小編幫大家解決django使用ajax post數(shù)據(jù)出現(xiàn)403錯誤,需要的朋友可以參考下2015-09-09ajax異步傳值及后端接收參數(shù)的多種方式小結(jié)
這篇文章主要介紹了ajax異步傳值及后端接收參數(shù)的多種方式小結(jié),本文給大家介紹的非常詳細,對大家的學習或工作具有一定的參考借鑒價值,需要的朋友參考下吧2023-11-11