获取简单 GET 请求的 NS_BINDING_ABORTED 错误答案

【问题标题】：getting a NS_BINDING_ABORTED error for simple GET request获取简单 GET 请求的 NS_BINDING_ABORTED 错误
【发布时间】：2020-11-24 21:36:22
【问题描述】：

为什么会出现这个错误？

Here is a screenshot of my Network tab in Firefox showing the NS_BINDING_ABORTED

我在这里查看了NS_BINDING_ABORTED Shown in Firefox with HttpFox 的这个帖子，但我根本不知道它在说什么......

有人可以帮我吗？

谢谢

$(function() {
  let userName = null;
  let userStatus  = null;

  $("#search").on("click", function() {
    userName = $("#username").val();
    apiCall();
  });
  
  $(".dropdown-menu a").on("click", function() {
    $("button.dropdown-toggle").text($(this).text());
    userStatus = $("button.dropdown-toggle").text();
  });

  function apiCall() {
    if (userName !== null && userStatus !== null) {
      var api = `https://api.jikan.moe/v3/user/${userName}/animelist/${userStatus}`;
      fetch(api, {
        method: "GET",
        headers: {
          Accept: "application/json",
        },
      })
      .then(response => response.json())
      .then((data) => {
        console.log(data)
      })
      .catch((error) => {
        console.log(error);
      })
    }
  }
});

【问题讨论】：

标签： javascript html jquery css

【解决方案1】：

我在 $.get() ajax 调用中遇到了同样的问题。它位于从表单内的按钮触发的函数中。我将按钮移到表单标签之外，问题就消失了。

【讨论】：

【解决方案2】：

您的#search 元素是 HTML 提交按钮吗？与 Marco S. 的回答类似，当我们的按钮位于表单内时，我们遇到了这个问题。将它移到表单标签之外是有效的。但是，后来我们发现 Firefox 不喜欢在表单中输入 type="submit" 的按钮。我们将按钮更改为： type="button" 并解决了问题....即使在表单标签内也是如此。

【讨论】：

【解决方案3】：

如果按钮是表单内的提交按钮，那么在 onclick 处理函数中我们应该在发出任何获取请求或 (apicall()) 之前放置 event.preventDefault()

【讨论】：

欢迎来到 Stack Overflow！这确实看起来是一个很好的解决方案。请提供一个例子，也许是一个小的解释（或一个链接），以增加你的答案的使用。谢谢！
补充一点，我在这里使用了文档：bootstrap-vue.org/docs/components/form，方法的第一行是 event.preventDefault()。基本上浏览器正在尝试提交表单，preventDefault() 告诉它不要，只是让 vue 处理它