Chrome 扩展 AJAX/XHR 请求处理

发布于 2024-11-04 13:35:56 字数 272 浏览 0 评论 0原文

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

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

到目前为止的代码如下：

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

还有清单权限：

  "permissions": [

"https://*/",

"https://*/*"

]
}

原文

Couple questions about the implementation of the XHR request:

I am trying to make a form in popup.html that allows for the filling of a box with text (in popup.html) and submits that to a remote website using get and replaces the contents of the box with the return of the php (json).

Heres the code so far:

Any idea why when I click submit nothing happens?

Also the manifest permissions:

  "permissions": [

"https://*/",

"https://*/*"

]
}

分享到QQ

分享到微博

如果你对这篇内容有疑问，欢迎到本站社区发帖提问参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。

发布评论

需要登录才能够评论，你可以免费注册一个本站的账号。

所谓喜欢 2024-11-11 13:36:00

表单根本不需要权限即可进行跨域发布（理论上）。也就是说，提交表单时，popup.html 永远不会在浏览器操作（或页面操作）中重新加载。

一个简单的方法是捕获表单上的 onsubmit，然后简单地按照 Mozilla MDC 站点。

总结起来就是（从 mozilla 复制）：

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

forms don't need permissions at all to do a cross domain post (in theory). That being said, the popup.html never reloads in a browser action (or page action) when a form is submitted.

An easy thing to do is to capture onsubmit on the form and simply do an XMLHttpRequest attaching the form as per the Mozilla MDC site.

Which in summary is (copied from mozilla):

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

回复收藏 0 原文

~没有更多了~