Chrome扩展程序xhr请求被取消

Question

我正在尝试构建一个chrome扩展，它使用xhr请求从外部api获取响应。我已经在chrome扩展文档中设置了扩展的权限，xhr请求在网络中被取消了。

的manifest.json

  "browser_action": {
      "default_icon": "icon.png",
      "default_popup": "popup.html",
      "default_title": "Chrome extension title"
  },
 "permissions": [
     "activeTab",
     "storage",
     "https://*/"
 ]

在popup.js

var xhr = new XMLHttpRequest();
xhr.open("GET", "https://putsreq.com/4z01VNOBPeD144njWNdi", true);
xhr.onreadystatechange = function() {
if (xhr.readyState == 4 && this.status == 200) {
    var theValue = "asdfassf";
    alert("This is doen");
    // chrome.storage.sync.set({'value': theValue}, ()=> {
    //   // Notify that we saved.
    // document.location.href = "timer.html";
    // });
 }
}
xhr.send();

Answer 1

我错过了添加event.preventDefault（），用于取消默认表单提交。当我将event.preventDefault（）代码添加到上面的代码时就可以了。