javascript - Chrome扩展: chrome.runtime.sendMessage和XMLHttpRequest();-6ren

javascript - Chrome扩展: chrome.runtime.sendMessage和XMLHttpRequest();

转载作者：行者123 更新时间：2023-11-28 05:41:56

27

4

我在使用 chrome.runtime.sendMessage(在我的内容脚本中)和 chrome.runtime.onMessage.addListener (在我的内容脚本中)发出 http 请求时遇到了麻烦背景 html 页面)。

这里的问题是，http 请求没有发出，我从来没有正确接收回调responseText，总是在 chrome.runtime.sendMessage 中显示为未定义.

所以，我需要任何帮助来尝试解决这个问题。

这是我的所有代码:

内容脚本

chrome.runtime.sendMessage({
    method: "GET",
    action: "xhttp",
    url: "http://www.example.net/echo.php?getecho",
    data: ""
}, function(responseText) {
    alert(responseText);

});

背景页面html

<!DOCTYPE html>
<html style=''>
<head>
chrome.runtime.onMessage.addListener(function(request, sender, callback) {
    if (request.action == "xhttp") {
        var xhttp = new XMLHttpRequest();
        var method = request.method ? request.method.toUpperCase() : 'GET';

        xhttp.onload = function() {
            callback(xhttp.responseText);
        };
        xhttp.onerror = function() {

            callback();
        };
        xhttp.open(method, request.url, true);
        if (method == 'POST') {
            xhttp.setRequestHeader('Content-Type', 'application/x-www-form-urlencoded');
        }
        xhttp.send(request.data);

        return true; 
    }
});
</script>
</head>
<body>
</body>
</html>

PHP 脚本

<?php
if (isset($_GET["getecho"]))
{       
  echo "Hello i'm php script!";
}
?>

list 文件

{
   "background": {

      "page": "popup.html",
      "persistent": true
   },

"description": "Foo example",
   "manifest_version": 2,
   "name": "Foo",  
   "icons": {
    "128" : "picture/wmp128.png", 
     "48" : "picture/wmp48.png" 
},

"web_accessible_resources": [

   "popup.js"
],

"content_scripts": [ 

{  

   "matches": ["<all_urls>", "*://*/*", "http://*/*", "https://*/*"],
   "js": ["popup.js"],
   "run_at": "document_end",
   "all_frames": true
}

],

   "permissions": [ "tabs", "background", "activeTab", "<all_urls>", "webNavigation", "webRequest", "http://*/*", "https://*/*", "*://*/*" ],
   "version": "2.0"
}

最佳答案

我不完全确定，但这可能是同步与异步问题。 This解释了两者之间的区别。也许值得一试。

关于javascript - Chrome扩展: chrome.runtime.sendMessage和XMLHttpRequest();，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/38851591/

27

4

0

文章推荐： c++ - 以不同的行为 boost uint128_t

文章推荐： javascript - $state.reload() 移动到父级的 $state

xmlhttprequest - 如何创建 XMLHttpRequest
我只需要以下代码的清晰解释来创建 XMLHttpRequest . var xhr = false; if (window.XMLHttpRequest) { xhr = new XMLHtt
xmlhttprequest - 在仪表板小部件中使用 XMLHttpRequest 失败
我无法让 XMLHttpRequest 对象在我正在编写的仪表板小部件中正常工作。我将其隔离为一个在 main.js 文件的全局范围内不起作用的简单示例: xhr = new XMLHttpR
xmlhttprequest - 从 XMLHttpRequest 对象响应创建文件
首先，如果我要说的没有任何意义，请允许我道歉。我已经离开了我的舒适区，我真的不知道我在做什么。照这样说... 我正在使用 Google Drive File Picker library允许用户从他们
php - XMLhttpRequest > PHP > XMLhttpRequest
我还有一个问题。 XMLhttpRequests 困扰着我。一切现在都在数据库中，但我需要这些数据来更新我的页面以加载或重新加载第一页。 XHR 在触发 PHP 脚本的 JavaScript 文件中触
xmlhttprequest - 从 WebAssembly 调用 XmlHttpRequest
我试图了解从 WebAssembly 调用 XmlHttpRequest 的最佳和最有效的方法是什么。我找到了 http://webassembly.org/getting-started/js-a
xmlhttprequest - Scrapy - 如何从给定网站提取 XmlHttpRequests url？
我有兴趣只提取 XHR 的网址，而不是网页中的每个网址: 这就是我提取页面中每个 url 的代码: import scrapy import json from scrapy.selector imp
xmlhttprequest - 有没有办法检测 XmlHttpRequest 无法解析 URL？
有没有办法检测 XmlHttpRequest 无法解析 URL？使用错误的 URL 调用 Open(...) 时似乎不会抛出异常。最佳答案 HTTP 状态代码将为零。这适用于无法建立连接且未使用代
xmlhttprequest - 有没有办法检测 XmlHttpRequest 无法解析 URL？
有没有办法检测 XmlHttpRequest 无法解析 URL？使用错误的 URL 调用 Open(...) 时似乎不会抛出异常。最佳答案 HTTP 状态代码将为零。这适用于无法建立连接且未使用代
xmlhttprequest - 主线程上的同步 XMLHttpRequest 已被弃用，因为它会对最终用户的体验产生不利影响。
当我在 mozilla 浏览器中运行该应用程序时，出现以下错误主线程上的同步 XMLHttpRequest 已被弃用，因为它会对最终用户的体验产生不利影响。更多帮助 http://xhr.spec.
javascript - 加载的 XMLHttpRequest 中的 XMLHttpRequest
我正在使用 javascript 通过 XMLHttpRequest 在 div 中加载数据，现在我想知道是否有可能在加载的 div 中创建另一个 XMLHttpRequest，这样一个新的 oncl
javascript - XMLHttpRequest onload() 函数未传递 XMLHttpRequest 对象
这个问题在这里已经有了答案: Are 'Arrow Functions' and 'Functions' equivalent / interchangeable? (4 个答案) 关闭 3 年前。
javascript - HTML5 跨域 XmlHttpRequest 与旧的 XmlHttpRequests
我感觉到很多关于使用新的 HTML5 JS XHR 技术的简单跨域 XmlHttpRequest 方法的讨论。给定下面的标准 JavaScript XHR 代码... var xhr=new XM
xmlhttprequest - 如何让 Axios 使用 Fetch 而不是 XMLHttpRequest
我是 PWA 的初学者，我尝试让我的代码调用 API，然后将其存储在浏览器的缓存中。但是我看到 axios 使用 XMLHttpRequest 而不是 fetch API，所以我无法缓存我的 API
javascript - new XMLHttpRequest() 与 new XMLHttpRequest - 有什么区别？
这个问题在这里已经有了答案: Can we omit parentheses when creating an object using the "new" operator? (6 个答案) 关闭
ajax - XMLHttpRequest.addEventListener 与 XMLHttpRequest.upload.addEventListener
这段代码块有什么区别: var xhr = new XMLHttpRequest(); xhr.upload.addEventListener("progress", uploadProgress,
javascript - XMLHttpRequest 未添加 header - "X-Requested-With: XMLHttpRequest"
我有一个 ajax 调用，我在其中使用 jQuery.ajax() 向 mvc 操作发出请求。这一切都很好。但是，由于某些表单具有文件控件，我将其从使用 jQuery.ajax() 更改为使用 XML
javascript - 使用 Node.js，在 XMLHttpRequest 期间或之后创建一个新的 XMLHttpRequest
我对 Node.js 和 XMLHttpRequest 非常陌生，所以如果这是一个简单答案的问题，请耐心等待。我目前正在尝试抓取一个 friend 的网页(当然要经过他的许可)，其中包含视频和字幕。
xmlhttprequest - SCRIPT7002 : XMLHttpRequest: Network Error 0x2ee7, 由于错误 00002ee7 无法完成操作
我在 Microsoft Edge 中收到此错误。这是什么意思？在线搜索主要是为我提供有关人们在产品中遇到错误的线索。最佳答案如果 XMLHttpRequest 调用 ( www.mysite.s
xmlhttprequest - Office 加载项 : XMLHttpRequest cannot load XXX due to access control checks
我正在使用 jQuery 和 Office JS API 构建一个 Outlook 加载项。我在开发时有一个本地服务器正在运行，我正在尝试向我站点的主服务器上的端点提交一个 POST 请求。每次尝试提
xmlhttprequest - 如何使用 XMLHttpRequest 和 FormData 对象在 multipart/form-data 上设置我自己的边界
当使用 FormData 对象将文件附加到请求时，我一直试图找到一种方法来在 XMLHttpRequest 对象上设置我自己的边界。我看过很多关于这个的帖子，每个人都说“不要设置边界，它会自动为你生成

首页

博学

6Ren·AI

商城

javascript - Chrome扩展: chrome.runtime.sendMessage和XMLHttpRequest();