最近在使用JQuery的ajax方法時,需要返回的數據為json數據,在success返回中數據處理會根據返回方式不同會采用不同的方式來生成json數據。在$.ajax方法中應該是如何來處理的,簡單進行說明。
首先給出要傳的json數據:[{"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);
- }
- });
這里是后台傳遞數據的代碼
- Response.Clear();
- Response.Write("[{\"demoData\":\"This Is The JSON Data\"}]");
- Response.Flush();
- Response.End();
這種處理的方式將傳遞過來的數據直接解析為json數據,也就是說這里的前台js代碼可能直接把這些數據解析成json對象數據,而並非字符串數據,如data[0].demoData,這里就直接使用了這個json對象數據
2,使用webservice(asmx)來處理
這種處理方式就不會將傳遞過來的數據當成是json對象數據,而是作為字符串來處理的,如下代碼
- $.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);
- //這里有兩種對數據的轉換方式,兩處理方式的效果一樣
- //$("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數據當成了字符串來處理的,所在就要對這個數據進行eval的處理,這樣才能成為真正的json對象數據。
即
- success:function(data){
- eval(data);
- }