DIV CSS 佈局教程網

 DIV+CSS佈局教程網 >> 網頁腳本 >> JavaScript入門知識 >> JavaScript基礎知識 >> ajax不執行success回調而是執行了error回調
ajax不執行success回調而是執行了error回調
編輯:JavaScript基礎知識     

附上代碼如下:
JScript code:
復制代碼 代碼如下:
$.ajax({
type: "post",
url: "jsp/loginManager.jsp",
data: "name=" + $('#rname').attr('value') + "&pwd=" + $('#pwd').attr('value'),
dataType: "text",
success: function(data) {
alert(data);
}
});

點擊登陸,成功連接數據庫並且查詢到了值(在loginManager.jsp頁面有用System.out.print()打印過查詢到的值)。但success裡的東西不執行。用過斷點,當執行完dataType後,success直接跳出,裡面的alert()不執行,這是為什麼呢?
改了下代碼,如下:
JScript code:
復制代碼 代碼如下:
$.ajax({
type: "post",
url: "jsp/loginManager.jsp",
async: true,
data: "name=" + $('#rname').attr('value') + "&pwd=" + $('#pwd').attr('value'),
dataType: "text",
success: function(data) {
alert(data);
},
error: function(e) {
alert(e);
}
});

但是還是一樣,沒反應,只是把登陸頁面刷新了!!!
針對上面只是把登錄頁面刷新了的問題,是a鏈接裡有點小問題,原來我是a鏈接裡面有href,開始,href=”",所以刷新了頁面,刷新頁面前進入了action,所以也獲得了提交數據,但是還沒來得及返回,就刷新了。改成href=”#”就ok了!正如:
<a href='#' onclick= ‘delMenuContent(cellvalue)>
還有一個原因是因為我用的是異步提交,沒等驗證成功的時候已經執行了按鈕的提交事件,所以頁面已經刷新,將其改成同步提交,按鈕的提交事件必須等ajax驗證結束後判斷是否進行提交就可以解決這個問題了!

最近在看jQuery的API文檔,在使用到jQuery的ajax時,如果指定了dataType為json,老是不執行success回調,而是執行了error回調函數,極度郁悶。後面改為1.2.6版本可以執行。

  然後繼續下載了幾個jquery版本,如1.3.2,1.4.0的,指定dataType為json都不能執行success回調,只有小於1.3版本的才能執行success回調。

  最後去jquery的網站找到了在線的api文檔看了下,地址:http://api.jquery.com/jQuery.ajax/ ,發現dataType如下的說明
  "json": Evaluates the response as JSON and returns a JavaScript object. In jQuery 1.4 the JSON data is parsed in a strict manner; any malformed JSON is rejected and a parse error is thrown. (See json.org for more information on proper JSON formatting.)

  原來是jquery1.4版本以後對json格式要求非常嚴格了,要滿足json.org網站定義的格式才能執行success回調,否則都會出錯,無法解析返回的json數據。說的是1.4+以上的,那為什麼下載的1.3.2指定dataType為json時也不能執行success回調呢?

  怪不得不執行,原來我返回的是{success:true,id:1} 這種不規則的字符串,不是嚴格的json格式,改成{"success":true,"id":"1"} 就可以正常執行success回調了。
  
  JSON格式總結下,詳細的去json.org 查看。
  1)鍵名稱:用雙引號 括起
  2)字符串:用使用雙引號 括起
  3)數字,布爾類型不需要 使用雙引號 括起

XML學習教程| jQuery入門知識| AJAX入門| Dreamweaver教程| Fireworks入門知識| SEO技巧| SEO優化集錦|
Copyright © DIV+CSS佈局教程網 All Rights Reserved