XHR 加载失败:开机自检

XHR failed loading: POST

本文关键字：开机自检 失败 加载 XHR      更新时间：2023-09-26

所以我正在尝试使用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 获得成功。但是我收到上面列出的铬控制台错误XHR failed loading: POST

我尝试设置内容类型和数据类型无济于事。我的猜测，问题出在对象格式或类似的东西上。

可能有用的信息——这是我的代码的基本大纲。

  1. 我有一个带有点击事件的按钮
  2. 在该函数中，我有 if else 语句
  3. 如果输入字段为空白 event.preventdefault（） 按钮单击
  4. 否则阿贾克斯帖子

这是失败日志下的信息 

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

对此事的任何帮助真的非常感谢。

我让它工作了。问题出在页面重新加载上。因此，在 post 请求可以通过网页之前，网页将重新加载，这不会导致任何错误，而只是日志失败。呃，这样的菜鸟错误。

加载窗口时，为窗体添加事件侦听器并阻止默认操作。

 <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>
相关文章：