Chrome 扩展 XMLHttpRequest 使用 HTTPS 和非常规端口返回 0

Question

我正在使用此函数向使用 HTTPS 和非常规端口的服务器发送 XHR 请求：https://www.example.com:10000/request.php

function AJAXInteraction(url, callback, str) {
  var xhr = new XMLHttpRequest();
  xhr.open("POST", url, true);
  xhr.setRequestHeader("Content-Type", "application/x-www-form-urlencoded; charset=UTF-8");
  xhr.onreadystatechange = function() {
    if (xhr.readyState == 4) {
       var resp = JSON.parse(xhr.responseText);
       approveResponse (resp);
    }
  }
  xhr.send(str);
}

在我的 manifest 中，我已将权限设置为 "*://*/*"

{
  "name": "Test Extension",
  "manifest_version": 2,
  "version": "2.0",
  "description": "Extension Admin Util.",
  "devtools_page": "background.html",
  "content_scripts": [
    { "matches": ["http://*/*"], "js": ["content_script.js"] }
  ],
  "browser_action": {
    "default_icon": "icon.png",
    "default_popup": "popup.html"
  },
  "permissions": [
    "*://*/*",
    "tabs"
  ]
}

XHR 正在返回 0 并使用开发者工具，“网络”选项卡显示它是 cancelled

我做错了什么？

Answer 1

我不认为非常规端口是问题所在。

当我在 link 或按钮事件上发出请求并且我没有删除事件的默认操作并且页面更改并取消 AJAX 请求。

如果这是您的问题，请在您的点击事件中使用 event.preventDefault();，如下所示。

$('a.action-foo').click(function(event){
    event.preventDefault();
    //Make your AJAX request
});

Chrome 扩展 XMLHttpRequest 使用 HTTPS 和非常规端口返回 0

Chrome Extension XMLHttpRequest returning 0 using HTTPS and non-conventional port

javascript

google-chrome-extension

xmlhttprequest