為什么jQuery.get、jQuery.getJSON、jQuery.post無法返回JSON

修行的嘟嘟 2011-08-01

展開全文

在WEB項目中，經常會使用到jQuery進行AJAX請求，但是自從使用了.net 3.5以后，以往寫的請求語句就有些小問題了，就是返回的始終是xml,而并不是JSON，經過嘗試，只需要在$.ajax中加入 contentType: "application/json; charset=utf-8"選項就可以了，這是因為在.net 3.5以后要對contentType進行檢查，所以僅僅指定dataType的話.net就不會返回JSON了，那么我們的請求自然也就無法請求到JSON數據了。正確寫法就是這樣了：

出錯代碼

 1 var url = "/Services/AccountService.asmx/UserExists";
 2 var userName = $("#txtUserName").val();
 3 $.ajax({
 4     type: "POST",
 5     url: url,
 6     data: '{userName:"'+userName+'"}',
 7     dataType: "json",
 8     success: function (json) {
 9         if (json.d == true) {
10             $("#submit").removeAttr("disabled");
11             return;
12         }
13 
14         $("#submit").attr("disabled", "disabled");
15     }
16 });

更正后代碼

 1 var url = "/Services/AccountService.asmx/UserExists";
 2 var userName = $("#txtUserName").val();
 3 $.ajax({
 4     type: "POST",
 5     url: url,
 6     data: '{userName:"'+userName+'"}',
 7     dataType: "json",
 8     contentType: "application/json; charset=utf-8",
 9     success: function (json) {
10         if (json.d == true) {
11             $("#submit").removeAttr("disabled");
12             return;
13         }
14 
15         $("#submit").attr("disabled", "disabled");
16     }
17 });

但是在使用$.get、$.getJSON、$.post時確怎么也得不到JSON數據了,寫法如下：

$.get代碼

 1 var url = "/Services/AccountService.asmx/UserExists";
 2 var userName = $("#txtUserName").val();
 3 $.get(
 4     url
 5     , { userName: userName }
 6     , function (json) {
 7     if (json.d == true) {
 8         $("#submit").removeAttr("disabled");
 9         return;
10     }
11 
12     $("#submit").attr("disabled", "disabled");
13 },"json");

$.getJSON代碼

 1 var url = "/Services/AccountService.asmx/UserExists";
 2 var userName = $("#txtUserName").val();
 3 $.getJSON(
 4     url
 5     , { userName: userName }
 6     , function (json) {
 7     if (json.d == true) {
 8         $("#submit").removeAttr("disabled");
 9         return;
10     }
11 
12     $("#submit").attr("disabled", "disabled");
13 });

$.post代碼

 1 var url = "/Services/AccountService.asmx/UserExists";
 2 var userName = $("#txtUserName").val();
 3 $.post(
 4     url
 5     , { userName: userName }
 6     , function (json) {
 7     if (json.d == true) {
 8         $("#submit").removeAttr("disabled");
 9         return;
10     }
11 
12     $("#submit").attr("disabled", "disabled");
13 },'json');

用HttpWatch查看請求返回的數據如下：

顯示代碼

1 <?xml version="1.0" encoding="utf-8"?>
2 <boolean xmlns="http:///">false</boolean>

看一下jQuery.extend中有關代碼：

jQuery.extend

 1 jQuery.extend({
 2 
 3     get: function( url, data, callback, type ) {
 4         // shift arguments if data argument was omited
 5         if ( jQuery.isFunction( data ) ) {
 6             type = type || callback;
 7             callback = data;
 8             data = null;
 9         }
10 
11         return jQuery.ajax({
12             type: "GET",
13             url: url,
14             data: data,
15             success: callback,
16             dataType: type
17         });
18     },
19 
20     getScript: function( url, callback ) {
21         return jQuery.get(url, null, callback, "script");
22     },
23 
24     getJSON: function( url, data, callback ) {
25         return jQuery.get(url, data, callback, "json");
26     },
27 
28     post: function( url, data, callback, type ) {
29         // shift arguments if data argument was omited
30         if ( jQuery.isFunction( data ) ) {
31             type = type || callback;
32             callback = data;
33             data = {};
34         }
35 
36         return jQuery.ajax({
37             type: "POST",
38             url: url,
39             data: data,
40             success: callback,
41             dataType: type
42         });
43     }
44 });

原因就是.net 3.5以后要對contentType進行檢查，如果不為json的話，就不會返回json,而get、getJSON、post擴展都再次調用了ajax，但是只傳了dataType參數，.net 3.5在檢查contentType時發(fā)現(xiàn)其不是json，便返回了xml.