快捷導(dǎo)航

jQuery.get、jQuery.getJSON、jQuery.post無(wú)法返回JSON問(wèn)題的解決方法

更新時(shí)間：2011年07月28日 00:08:15 作者：

在WEB項(xiàng)目中，經(jīng)常會(huì)使用到j(luò)Query進(jìn)行AJAX請(qǐng)求，但是自從使用了.net 3.5以后，以往寫(xiě)的請(qǐng)求語(yǔ)句就有些小問(wèn)題了，就是返回的始終是xml,而并不是JSON

經(jīng)過(guò)嘗試，只需要在$.ajax中加入 contentType: "application/json; charset=utf-8"選項(xiàng)就可以了，這是因?yàn)樵?net 3.5以后要對(duì)contentType進(jìn)行檢查，所以?xún)H僅指定dataType的話.net就不會(huì)返回JSON了，那么我們的請(qǐng)求自然也就無(wú)法請(qǐng)求到JSON數(shù)據(jù)了。正確寫(xiě)法就是這樣了：

復(fù)制代碼代碼如下:

 
var url = "/Services/AccountService.asmx/UserExists"; 
var userName = $("#txtUserName").val(); 
$.ajax({ 
type: "POST", 
url: url, 
data: '{userName:"'+userName+'"}', 
dataType: "json", 
success: function (json) { 
if (json.d == true) { 
$("#submit").removeAttr("disabled"); 
return; 
} 
$("#submit").attr("disabled", "disabled"); 
} 
}); 

更正后代碼

復(fù)制代碼代碼如下:

 
var url = "/Services/AccountService.asmx/UserExists"; 
var userName = $("#txtUserName").val(); 
$.ajax({ 
type: "POST", 
url: url, 
data: '{userName:"'+userName+'"}', 
dataType: "json", 
contentType: "application/json; charset=utf-8", 
success: function (json) { 
if (json.d == true) { 
$("#submit").removeAttr("disabled"); 
return; 
} 
$("#submit").attr("disabled", "disabled"); 
} 
}); 

但是在使用$.get、$.getJSON、$.post時(shí)確怎么也得不到JSON數(shù)據(jù)了,寫(xiě)法如下：
$.get代碼

復(fù)制代碼代碼如下:

 
var url = "/Services/AccountService.asmx/UserExists"; 
var userName = $("#txtUserName").val(); 
$.get( 
url 
, { userName: userName } 
, function (json) { 
if (json.d == true) { 
$("#submit").removeAttr("disabled"); 
return; 
} 
$("#submit").attr("disabled", "disabled"); 
},"json"); 

$.getJSON代碼

復(fù)制代碼代碼如下:

 
var url = "/Services/AccountService.asmx/UserExists"; 
var userName = $("#txtUserName").val(); 
$.getJSON( 
url 
, { userName: userName } 
, function (json) { 
if (json.d == true) { 
$("#submit").removeAttr("disabled"); 
return; 
} 
$("#submit").attr("disabled", "disabled"); 
}); 

$.post代碼

復(fù)制代碼代碼如下:

 
var url = "/Services/AccountService.asmx/UserExists"; 
var userName = $("#txtUserName").val(); 
$.post( 
url 
, { userName: userName } 
, function (json) { 
if (json.d == true) { 
$("#submit").removeAttr("disabled"); 
return; 
} 
$("#submit").attr("disabled", "disabled"); 
},'json'); 

用HttpWatch查看請(qǐng)求返回的數(shù)據(jù)如下：

復(fù)制代碼代碼如下:

 
<?xml version="1.0" encoding="utf-8"?> 
<boolean xmlns="http://tempuri.org/">false</boolean> 

看一下jQuery.extend中有關(guān)代碼：
jQuery.extend

復(fù)制代碼代碼如下:

 
jQuery.extend({ 
get: function( url, data, callback, type ) { 
// shift arguments if data argument was omited 
if ( jQuery.isFunction( data ) ) { 
type = type || callback; 
callback = data; 
data = null; 
} 
return jQuery.ajax({ 
type: "GET", 
url: url, 
data: data, 
success: callback, 
dataType: type 
}); 
}, 
getScript: function( url, callback ) { 
return jQuery.get(url, null, callback, "script"); 
}, 
getJSON: function( url, data, callback ) { 
return jQuery.get(url, data, callback, "json"); 
}, 
post: function( url, data, callback, type ) { 
// shift arguments if data argument was omited 
if ( jQuery.isFunction( data ) ) { 
type = type || callback; 
callback = data; 
data = {}; 
} 
return jQuery.ajax({ 
type: "POST", 
url: url, 
data: data, 
success: callback, 
dataType: type 
}); 
} 
}); 

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

您可能感興趣的文章: