Chrome 扩展中的 xmlhttprequest

Question

我正在开发一个 chrome 扩展，并且我有一个在扩展中使用的 iframe。这就是我对 iframe 所做的事情

“当我将图像拖放到 iframe 时，我会在其中一个内容脚本中处理放置事件，并传递该函数调用我的扩展代码。在那里我创建一个 xmlhttprequest 对象，然后发送 URL将图像保存到我的服务器中的 php 文件中。”

这就是正在发生的事情。我的 ReadyState 为“4”，但浏览器中没有发出 POST 请求。我检查了浏览器中的“网络”选项卡，但浏览器中没有发出 POST 请求（我已在清单文件的权限部分中列出了我的网站）。

这是我的代码 --.>

JScript.js（内容脚本之一）

drop: function(event, ui) {
    var imgurl=$(ui.draggable).attr('src');
    imgurl="IMGURL="+imgurl;
    _post("www.somedomain.come/testing.php",imgurl,function(result){ alert("success")});
    }       

这是我的代理在相同的内容脚本中-->

  _post = function(url, data, callback) 
    {
      console.log("sending post");
      chrome.extension.sendRequest({
      msgType:'post', 
      data: data, 
      url:url
      }, function(response){
        alert(response);
     });
    }

这是我在background.html中的OnRequest函数处理程序-->

 chrome.extension.onRequest.addListener(function(request, sender, sendResponse){
  if (request.msgType === 'post') {
        alert("Now in OnRequest function");
        // console.log("Now in Onrequest Function");
        alert("Url: "+request.url + "\n Data : "+ request.data);
        ajaxcallingfunction(request);
        alert("completed the ajax call");
        sendResponse("success");
      }

    });

var ajaxcallingfunction = function(request){
     var xhr = new XMLHttpRequest();
   xhr.open("POST",request.url, false);
    xhr.onreadystatechange = function(){
    alert(xhr.readyState);
    if (xhr.readyState == 4) {
            alert(xhr.readyState);
        }
    }       
    xhr.send(request.data);
   alert("after xhr call");
};

Answer 1

您的网址前面有 http:// ，对吗？

xhr.readyState 没有说明太多，它只是意味着它已经完成。检查一下xhr.status里面有什么，它会包含错误代码。如果一切正常，它应该是 200：

xhr.onreadystatechange = function(){
    if (xhr.readyState == 4) {
        alert(xhr.status);
    }
}