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

我知道一个老问题，但如果它出现在谷歌搜索中，它仍然是相关的。

当窗口被加载时，为 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>

Answer 2

我知道了。问题在于页面重新加载。因此，在发布请求可以通过网页之前，将重新加载，这不会导致任何错误，而只会导致日志失败。gh，这样的菜鸟错误。