無法讀取jQuery Ajax錯誤

我有一個腳本，應該通過ajax發送表單數據到PHP腳本。不幸的是，它不工作我知道$ .ajax有一個錯誤，但我不知道如何查看該錯誤，此刻我設置了這樣的錯誤只是警告'失敗'。無法找到錯誤的根源，解決這個問題非常棘手，我如何查看這個錯誤？我沒有經驗調試ajax：S謝謝！無法讀取jQuery Ajax錯誤

 $('.jSubmit').click(function() { 

     var form_data = $(this).closest('form').serialize(); 
     var form_id = $(this).closest('form').attr("id"); 

     function text_success(return_data) { 

      if(form_id == "page_form") { 
      $('#trans_div').append('<div id="pop_up"><div>Thank you, we will be in touch shortly.</div></div>'); 
      $('#trans_div').css('display','block').animate({opacity: 0.9}, 800, function() { 

       $('#trans_div').delay(1500).animate({opacity: 0.0}, 800, function() { 

         $(this).css('display','none'); 

       }); 

      }); 

      $(this).closest('form').find("input[type=text], textarea").val(""); 
      } 
      else 
      { 
      //$('.form_bottom_text').html(return_data); 
      alert('no'); 
      } 

     } 


     function text_failure() { 

      if(form_id == "page_form") { 
      //$('#trans_div').css('display','block').animate({opacity: 0.9}); 
      //$('#trans_div').append('<div id="pop_up"><div>Failed to send message.</div></div>'); 
      //$(this).closest('form').find("input[type=text], textarea").val(""); 
      alert('failed'); 
      } 
      else 
      { 
      $('.form_bottom_text').html('Error Occurred'); 
      } 

     } 


      $.ajax ({ 
      url:"form.php", 
      type:'POST', 
      data: form_data, 
      success: function(return_data) { 
       text_success(return_data); 
       }, 
      error: function() { 
       //text_failure(); 
       alert('fail'); 
       }    
      }); 


     });

來源

2013-02-13 Melbourne2991

[如何獲取jQuery $ .ajax錯誤響應文本？]（http://stackoverflow.com/questions/1637019/how-to-get-the-jquery-ajax-error-response-text ） – Nix 2013-02-13 04:13:44

你爲什麼不充分利用你實現回調，並通過適當的參數爲"error"？

從.ajax documentation：

類型：Function（jqXHR jqXHR，字符串textStatus，字符串errorThrown）
一個函數，如果請求不被調用。函數接收三個參數：jqXHR（jQuery中1.4.x中，XMLHttpRequest的）對象，串描述錯誤的發生的類型和任選的異常對象，如果一個發生。

所以這個：

error: function() { 
    //text_failure(); 
    alert('fail'); 
}

應該是這樣的：

error: function(x, stat, msg) { 
    //text_failure(); 
    console.error(x.responseText); 
    console.error(x.status); 
    console.info(x.statusText); 
    console.log(msg); 
}

你也許會發現相當快發生了什麼。

來源

2013-02-13 04:15:36 rockerest

試過了，警報出現空白/空白 – Melbourne2991 2013-02-13 04:17:10

@ user1650757嘗試我的更新。 – rockerest 2013-02-13 04:20:57

我查看瀏覽器控制檯嗎？ – Melbourne2991 2013-02-13 04:39:00

可以爲所有AJAX做這樣的事情請求

$(function() { 
    $.ajaxSetup({ 
     error: function(jqXHR, exception) { 
      if (jqXHR.status === 0) { 
       alert('Not connect.\n Verify Network.'); 
      } else if (jqXHR.status == 404) { 
       alert('Requested page not found. [404]'); 
      } else if (jqXHR.status == 500) { 
       alert('Internal Server Error [500].'); 
      } else if (exception === 'parsererror') { 
       alert('Requested JSON parse failed.'); 
      } else if (exception === 'timeout') { 
       alert('Time out error.'); 
      } else if (exception === 'abort') { 
       alert('Ajax request aborted.'); 
      } else { 
       alert('Uncaught Error.\n' + jqXHR.responseText); 
      } 
     } 
    }); 
});

您也可以使用的參數爲error回調這樣

$.ajax ({ 
      url:"form.php", 
      type:'POST', 
      data: form_data, 
      success: function(return_data) { 
       text_success(return_data); 
       }, 
error: function(e, status, txt) { 


} 
});

入住這article

來源

2013-02-13 04:18:28 Sedz

我得到一個意想不到的標識符爲該代碼 – Melbourne2991 2013-02-13 04:42:25

奇怪整個問題背後的問題是，通過標記我的提交按鈕有一個類型=「提交」，改變了這個問題。

來源

2013-02-13 07:35:13 Melbourne2991

無法讀取jQuery Ajax錯誤

回答

相關問題