XHR加載失敗：POST

Question

所以我試圖用ajax發布，但它不會通過。

這是我的javascript

$.ajax({
      type: 'POST',
      contentType: "",
      url: 'some url',
      data: order,
      dataType: 'json',
      success: function() {
        Materialize.toast('Order added successfully', 4000, 'android-success');
        console.log('order posted');

      },


      error: function() {
        Materialize.toast('Something went wrong', 4000, 'android-error');
      }

    }); // $.ajax post

我沒有收到錯誤，也沒有從ajax獲得成功。 但是我收到了上面列出的Chrome控制台錯誤， XHR failed loading: POST

我嘗試將內容類型和數據類型設置為無效。 我的猜測是，問題出在對象格式之類的東西上。

可能有用的信息-這是我的代碼的基本概述。

1. 我有一個點擊事件按鈕
2. 在那個函數中我有if else語句
3. 如果輸入字段為空白event.preventdefault（），則單擊按鈕
4. 否則ajax發布

這是失敗日志下的信息

send    @   jquery-3.1.0.js:9392

ajax    @   jquery-3.1.0.js:8999

(anonymous function)    @   ajax.js:20

mightThrow  @   jquery-3.1.0.js:3508

process @   jquery-3.1.0.js:3576

在這個問題上的任何幫助都表示贊賞。

Answer 1

我知道了。 問題在於頁面重新加載。 因此，在發布請求可以通過網頁之前，將重新加載，這不會導致任何錯誤，而只會導致日志失敗。 gh，這樣的菜鳥錯誤。

Answer 2

我知道老問題，但如果它出現在Google搜索中，則仍然有意義。

加載窗口時，為for添加一個事件偵聽器，並阻止默認操作。

 <script>
 window.addEventListener("load", function () {
     //not jquery!
            // Access the form element...
            var form = document.getElementById("myFormId");

            // ...and take over its submit event.
            form.addEventListener("submit", function (event) {
                event.preventDefault(); // prevent form submission and reloading the page.

                //your code to validate or do what you need with the form.
            });
});
</script>