带有chrome扩展的Ajax - Ajax with chrome extension

Ajax with chrome extension

本文关键字：Ajax 扩展 chrome 带有 | 更新日期: 2023-09-27

我将url发送到chrome扩展的php文件，需要得到响应，但不起作用。

manifest.json

{
  "name": "Get pages source",
  "version": "1.0",
  "manifest_version": 2,
  "description": "Get pages source from a popup",
  "browser_action": {
    "default_icon": "icon.png",
    "default_popup": "popup.html"
  },
  "permissions": ["http://localhost/"]
}

popup.js

chrome.tabs.query({'active': true, 'lastFocusedWindow': true}, function (tabs) {
    var url = tabs[0].url;
var parametros = {
            "url" : url
    };
$.ajax({
    type: "POST",
    data: parametros,
    url: 'file.php',
    success: function(data) {
        var res = jQuery.parseJSON(data);
        alert("success");
    },
    error: function(e) {
        alert("error");
    }
});
});

file.php-在localhost 中的同一文件夹中

<?php 
$resultado = $_POST['url']; 
echo $resultado;
?>

和popup.html

<html style=''>
<head>
    <script src="https://code.jquery.com/jquery-2.2.0.min.js"></script>
<script src='popup.js'></script>
</head>
<body style="width:400px;">
<span id="resultado">0</span>
</body>
</html>

此代码只返回一个空数组。

不可能在chrome扩展中使用Ajax？

编辑：

我用本地文件而不是CDN向jquery收费，并且运行良好。

另一个问题是在我的代码中，我认为这是在jQuery.parseJSON.中

感谢所有人；）

您的问题是您试图POST到的URL。

$.ajax({
    type: "POST",
    data: parametros,
    url: 'file.php', // That's a relative URL!
    success: function(data) {
        var res = jQuery.parseJSON(data);
        alert("success");
    },
    error: function(e) {
        alert("error");
    }
});

假设您的扩展ID是aaaaaaaaaaaaaaaaaaaaaaaaaaaaaa，那么您的弹出窗口将具有URL chrome-extension://aaaaaaaaaaaaaaaaaaaaaaaaaaaaaa/popup.html，这将导致向chrome-extension://aaaaaaaaaaaaaaaaaaaaaaaaaaaaaa/file.php发出请求，而不是您在评论中所说的您正在使用的本地服务器。

您需要使用完整的URL:

    url: 'http://localhost/file.php'