javascript - 在 chrome 扩展的 js 中包含 jquery 库

Question

我正在尝试运行这个 ajax 工作：

    $ (document).ready(function() {
 $.ajax({
    url: 'sendvalue.php',
    type: 'POST',
    dataType:'json', 
    data: ({cookievalue: cookie.value}),
    success: function(data) {
       console.log(data);
    }
  });
});

但是，这是正确的，因为我没有包含 jquery ajax 库（我不能包含，因为脚本在 js 文件中而不是在索引中），我收到了这个错误：

index.html:1 错误处理响应：ReferenceError: $ is not defined at chrome-extension://ebekofgaihoolgeccoalidkchcofecbd/main.js:9:4

我尝试自动包含该库，但出现另一个错误：

main.js:3 拒绝加载脚本“https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js”，因为它违反了以下内容安全策略指令：“script- src 'self' blob：文件系统："。请注意，'script-src-elem' 没有明确设置，因此 'script-src' 用作后备。

我该如何解决？

标签： javascriptjqueryajaxgoogle-chrome-extension

Answer 1

请从您的主索引文件中删除 JS 代码并添加新的 js 文件并将代码粘贴到那里。索引文件中包含的所有 js 和 css 文件并使用我认为可行的功能。