這篇文章將為大家詳細講解有關Ajax后臺success傳來json數(shù)據(jù)怎么處理,小編覺得挺實用的,因此分享給大家做個參考,希望大家閱讀完這篇文章后可以有所收獲。
成都創(chuàng)新互聯(lián)專注于企業(yè)營銷型網(wǎng)站建設、網(wǎng)站重做改版、定南網(wǎng)站定制設計、自適應品牌網(wǎng)站建設、H5開發(fā)、商城系統(tǒng)網(wǎng)站開發(fā)、集團公司官網(wǎng)建設、成都外貿網(wǎng)站建設公司、高端網(wǎng)站制作、響應式網(wǎng)頁設計等建站業(yè)務,價格優(yōu)惠性價比高,為定南等各大城市提供網(wǎng)站開發(fā)制作服務。
最近在使用JQuery的ajax方法時,需要返回的數(shù)據(jù)為json數(shù)據(jù),在success返回中數(shù)據(jù)處理會根據(jù)返回方式不同會采用不同的方式來生成json數(shù)據(jù)。在$.ajax方法中應該是如何來處理的,簡單進行說明。
首先給出要傳的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ù),而并非字符串數(shù)據(jù),如data[0].demoData,這里就直接使用了這個json對象數(shù)據(jù)
2,使用webservice(asmx)來處理
這種處理方式就不會將傳遞過來的數(shù)據(jù)當成是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ù)的轉換方式,兩處理方式的效果一樣 //$("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ù)當成了字符串來處理的,所在就要對這個數(shù)據(jù)進行eval的處理,這樣才能成為真正的json對象數(shù)據(jù)。
即
success:function(data){ eval(data); }
關于“Ajax后臺success傳來json數(shù)據(jù)怎么處理”這篇文章就分享到這里了,希望以上內容可以對大家有一定的幫助,使各位可以學到更多知識,如果覺得文章不錯,請把它分享出去讓更多的人看到。