Ajax后臺success傳來json數(shù)據(jù)怎么處理

這篇文章將為大家詳細(xì)講解有關(guān)Ajax后臺success傳來json數(shù)據(jù)怎么處理,小編覺得挺實(shí)用的,因此分享給大家做個(gè)參考,希望大家閱讀完這篇文章后可以有所收獲。

成都創(chuàng)新互聯(lián)專注于企業(yè)營銷型網(wǎng)站建設(shè)、網(wǎng)站重做改版、定南網(wǎng)站定制設(shè)計(jì)、自適應(yīng)品牌網(wǎng)站建設(shè)、H5開發(fā)、商城系統(tǒng)網(wǎng)站開發(fā)、集團(tuán)公司官網(wǎng)建設(shè)、成都外貿(mào)網(wǎng)站建設(shè)公司、高端網(wǎng)站制作、響應(yīng)式網(wǎng)頁設(shè)計(jì)等建站業(yè)務(wù),價(jià)格優(yōu)惠性價(jià)比高,為定南等各大城市提供網(wǎng)站開發(fā)制作服務(wù)。

最近在使用JQuery的ajax方法時(shí),需要返回的數(shù)據(jù)為json數(shù)據(jù),在success返回中數(shù)據(jù)處理會根據(jù)返回方式不同會采用不同的方式來生成json數(shù)據(jù)。在$.ajax方法中應(yīng)該是如何來處理的,簡單進(jìn)行說明。

首先給出要傳的json數(shù)據(jù):[{"demoData":"This Is The JSON Data"}]

1,使用普通的aspx頁面來處理

$.ajax({ 
type: "post", 
url: "Default.aspx", 
dataType: "json", 
success: function (data) { 
$("input#showTime").val(data[0].demoData); 
}, 
error: function (XMLHttpRequest, textStatus, errorThrown) { 
alert(errorThrown); 
} 
});

這里是后臺傳遞數(shù)據(jù)的代碼

Response.Clear(); 
Response.Write("[{\"demoData\":\"This Is The JSON Data\"}]"); 
Response.Flush(); 
Response.End();

這種處理的方式將傳遞過來的數(shù)據(jù)直接解析為json數(shù)據(jù),也就是說這里的前臺js代碼可能直接把這些數(shù)據(jù)解析成json對象數(shù)據(jù),而并非字符串?dāng)?shù)據(jù),如data[0].demoData,這里就直接使用了這個(gè)json對象數(shù)據(jù)

2,使用webservice(asmx)來處理

這種處理方式就不會將傳遞過來的數(shù)據(jù)當(dāng)成是json對象數(shù)據(jù),而是作為字符串來處理的,如下代碼

$.ajax({ 
type: "post", 
url: "JqueryCSMethodForm.asmx/GetDemoData", 
dataType: "json",/*這句可用可不用,沒有影響*/ 
contentType: "application/json; charset=utf-8", 
success: function (data) { 
$("input#showTime").val(eval('(' + data.d + ')')[0].demoData); 
//這里有兩種對數(shù)據(jù)的轉(zhuǎn)換方式,兩處理方式的效果一樣 
//$("input#showTime").val(eval(data.d)[0].demoData); 
}, 
error: function (XMLHttpRequest, textStatus, errorThrown) { 
alert(errorThrown); 
} 
});

下面這里為asmx的方法代碼

public static string GetDemoData() { 
return "[{\"demoData\":\"This Is The JSON Data\"}]"; 
}

這里的這種處理方式就把傳遞回來的json數(shù)據(jù)當(dāng)成了字符串來處理的,所在就要對這個(gè)數(shù)據(jù)進(jìn)行eval的處理,這樣才能成為真正的json對象數(shù)據(jù)。

success:function(data){ 
eval(data); 
}

關(guān)于“Ajax后臺success傳來json數(shù)據(jù)怎么處理”這篇文章就分享到這里了,希望以上內(nèi)容可以對大家有一定的幫助,使各位可以學(xué)到更多知識,如果覺得文章不錯(cuò),請把它分享出去讓更多的人看到。

標(biāo)題名稱:Ajax后臺success傳來json數(shù)據(jù)怎么處理
URL鏈接:http://muchs.cn/article14/ihesde.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián),為您提供軟件開發(fā)、營銷型網(wǎng)站建設(shè)、網(wǎng)站營銷、云服務(wù)器、做網(wǎng)站全網(wǎng)營銷推廣

廣告

聲明:本網(wǎng)站發(fā)布的內(nèi)容(圖片、視頻和文字)以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主,如果涉及侵權(quán)請盡快告知,我們將會在第一時(shí)間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場,如需處理請聯(lián)系客服。電話:028-86922220;郵箱:631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載,或轉(zhuǎn)載時(shí)需注明來源: 創(chuàng)新互聯(lián)

手機(jī)網(wǎng)站建設(shè)