Chrome 扩展 AJAX/XHR 请求处理

【问题标题】：Chrome extension AJAX/XHR request handlingChrome 扩展 AJAX/XHR 请求处理
【发布时间】：2011-05-01 16:37:44
【问题描述】：

关于XHR请求实现的几个问题：

我正在尝试在 popup.html 中创建一个表单，该表单允许用文本（在 popup.html 中）填充一个框，并使用 get 将其提交到远程网站，并用返回的内容替换框的内容php (json)。

这是目前的代码：

知道为什么当我点击提交时没有任何反应吗？

还有清单权限：

  "permissions": [

"https://*/",

"https://*/*"

]
}

【问题讨论】：

标签： ajax google-chrome google-chrome-extension xmlhttprequest

【解决方案1】：

表单根本不需要权限来进行跨域发布（理论上）。话虽如此，当提交表单时，popup.html 永远不会在浏览器操作（或页面操作）中重新加载。

一个简单的方法是在表单上捕获 onsubmit，然后按照Mozilla MDC site 简单地执行附加表单的 XMLHttpRequest。

总结如下（从 mozilla 复制）：

var formElement = document.getElementById("myFormElement");
var xhr = new XMLHttpRequest();
xhr.open("POST", "submitform.php");
xhr.send(new FormData(formElement));

【讨论】：