jQuery.get、jQuery.getJSON、jQuery.post無法返回JSON問題的解決方法
更新時(shí)間:2011年07月28日 00:08:15 作者:
在WEB項(xiàng)目中,經(jīng)常會使用到j(luò)Query進(jìn)行AJAX請求,但是自從使用了.net 3.5以后,以往寫的請求語句就有些小問題了,就是返回的始終是xml,而并不是JSON
經(jīng)過嘗試,只需要在$.ajax中加入 contentType: "application/json; charset=utf-8"選項(xiàng)就可以了,這是因?yàn)樵?net 3.5以后要對contentType進(jìn)行檢查,所以僅僅指定dataType的話.net就不會返回JSON了,那么我們的請求自然也就無法請求到JSON數(shù)據(jù)了。正確寫法就是這樣了:
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");
}
});
更正后代碼
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ù)了,寫法如下:
$.get代碼
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代碼
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代碼
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查看請求返回的數(shù)據(jù)如下:
<?xml version="1.0" encoding="utf-8"?>
<boolean xmlns="http://tempuri.org/">false</boolean>
看一下jQuery.extend中有關(guān)代碼:
jQuery.extend
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以后要對contentType進(jìn)行檢查,如果不為json的話,就不會返回json,而get、getJSON、post擴(kuò)展都再次調(diào)用了ajax,但是只傳了dataType參數(shù),.net 3.5在檢查contentType時(shí)發(fā)現(xiàn)其不是json,便返回了xml.
復(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ù)了,寫法如下:
$.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查看請求返回的數(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以后要對contentType進(jìn)行檢查,如果不為json的話,就不會返回json,而get、getJSON、post擴(kuò)展都再次調(diào)用了ajax,但是只傳了dataType參數(shù),.net 3.5在檢查contentType時(shí)發(fā)現(xiàn)其不是json,便返回了xml.
相關(guān)文章
Jquery ajax執(zhí)行順序 返回自定義錯誤信息(實(shí)例講解)
由于Jquery中的Ajax的async默認(rèn)是true(異步請求),如果想一個Ajax執(zhí)行完后再執(zhí)行另一個Ajax, 需要把a(bǔ)sync=false就可以了2013-11-11jQuery實(shí)現(xiàn)購物車多物品數(shù)量的加減+總價(jià)計(jì)算
這篇文章主要介紹了jQuery實(shí)現(xiàn)購物車多物品數(shù)量的加減+總價(jià)計(jì)算,需要的朋友可以參考下2014-06-06jquery設(shè)置css樣式的多種方法(總結(jié))
下面小編就為大家?guī)硪黄猨query設(shè)置css樣式的多種方法(總結(jié))。小編覺得挺不錯的,現(xiàn)在就分享給大家,也給大家做個參考。一起跟隨小編過來看看吧2017-02-02jquery.validate.js 多個相同name的處理方式
本文通過代碼給大家介紹了jquery.validate.js 多個相同name的處理方式,非常不錯,具有參考借鑒價(jià)值,需要的朋友參考下吧2017-07-07jquery實(shí)現(xiàn)頁面關(guān)鍵詞高亮顯示的方法
這篇文章主要介紹了jquery實(shí)現(xiàn)頁面關(guān)鍵詞高亮顯示的方法,實(shí)例分析了jQuery插件highlight實(shí)現(xiàn)高亮顯示的技巧,非常具有實(shí)用價(jià)值,需要的朋友可以參考下2015-03-03基于Jquery實(shí)現(xiàn)鍵盤按鍵監(jiān)聽
本文介紹下,用jquery實(shí)現(xiàn)的滑動效果,以及對鍵盤按鍵進(jìn)行監(jiān)聽的例子,有需要的朋友,可以參考學(xué)習(xí)下2014-05-05JQuery 操作select標(biāo)簽實(shí)現(xiàn)代碼
我們經(jīng)常遇到要操作DOM元素,例如<select>,在Asp.net中Dropdownlist原型就是select。2010-05-05