最近在使用JQuery的ajax方法時,須要返回的數據爲json數據,在success返回中數據處理會根據返回方式不一樣會採用不一樣的方式來生成json數據。在$.ajax方法中應該是如何來處理的,簡單進行說明。web
首先給出要傳的json數據:[{"demoData":"This Is The JSON Data"}]ajax
1,使用普通的aspx頁面來處理json
- $.ajax({
- type: "post",
- url: "Default.aspx",
- dataType: "json",
- success: function (data) {
- $("input#showTime").val(data[0].demoData);
- },
- error: function (XMLHttpRequest, textStatus, errorThrown) {
- alert(errorThrown);
- }
- });
這裏是後臺傳遞數據的代碼app
- Response.Clear();
- Response.Write("[{\"demoData\":\"This Is The JSON Data\"}]");
- Response.Flush();
- Response.End();
這種處理的方式將傳遞過來的數據直接解析爲json數據,也就是說這裏的前臺js代碼可能直接把這些數據解析成json對象數據,而並不是字符串數據,如data[0].demoData,這裏就直接使用了這個json對象數據post
2,使用webservice(asmx)來處理url
這種處理方式就不會將傳遞過來的數據當成是json對象數據,而是做爲字符串來處理的,以下代碼spa
- $.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);
-
-
-
- },
- error: function (XMLHttpRequest, textStatus, errorThrown) {
- alert(errorThrown);
- }
- });
下面這裏爲asmx的方法代碼orm
- public static string GetDemoData() {
- return "[{\"demoData\":\"This Is The JSON Data\"}]";
- }
這裏的這種處理方式就把傳遞回來的json數據當成了字符串來處理的,所在就要對這個數據進行eval的處理,這樣才能成爲真正的json對象數據。對象
即utf-8
- success:function(data){
- eval(data);
- }