通过 chrome 扩展向 REST 发送数据

Question

我正在尝试使用 post 将我的选择发送到服务器，并且服务器需要 REST，使用 Advanced Rest Client 测试了我的数据并且一切正常，但是当我从我的 chrome 扩展程序中尝试时，我收到了未定义的错误。这是我正在尝试的方法

chrome.runtime.sendMessage({
            method: 'POST',
            action: 'REST',
            headers: {'Remote-User':'myuser'},
            url: 'http://myserver/data/add/',
            data: {'content': 'the paste content'}
        }, function(responseText) {
            alert(responseText);
        });

非常感谢任何帮助，谢谢

更新

基于 sdc，我像这样更改了我的代码，但 responseText 仍然未定义:(

function genericOnClick(info, tab) 
{
    var url = 'http://mysite/data/add/';
    var data = $.toJSON({'content': 'the paste content'});
    $.ajax({
      headers: {
        'Remote-User':'username',
        'Content-Type':'application/json;charset=utf-8'
      },
      url: url,
      data: data,
      method: 'POST',
      dataType: 'json',
      error:  function(xhr, status, error){
        alert(xhr.responseText);
      },
      success: function(data){
        console.log('succes: '+data);
      }

    });
}

Answer 1

我想你误解了chrome.runtime.sendMessage 的目的。请参阅Message Passing 文档的前两段。 sendMessage 用于“扩展程序与其content scripts 之间的通信”，它不是为发送 HTTP 请求而设计的。

内容脚本还必须“设置一个 runtime.onMessage 事件侦听器来处理消息”只有这样您才能收到来自 sendMessage 请求的有效响应

他们的例子的结果是undefined

chrome.runtime.sendMessage({greeting: "hello"}, function(response) {
   console.log(response.farewell);
});
<- undefined

如果您尝试从 chrome 扩展程序中执行 HTTP 请求，则应使用 XHR

var data = $.toJSON({'content': 'the paste content'});

var xhr = new XMLHttpRequest();
xhr.open("POST", "http://myserver/data/add/", true);
xhr.setRequestHeader("Content-type", "application/json");
xhr.setRequestHeader("Content-length", data.length);
xhr.setRequestHeader("Connection", "close");
xhr.setRequestHeader('Remote-User', 'myuser');
xhr.onreadystatechange = function() {
  if (xhr.readyState == 4) {
      console.log('xhr response: '+ xhr.responseText);
  }
}
xhr.send(data);