如何从数据库中检索信息以使用Chrome扩展程序显示

Question

我正在尝试编写我的第一个chrome扩展程序。工作流程如下所示 - 当扩展程序安装并激活时，如果用户将鼠标悬停在页面上显示的特定产品/ ID上，该扩展程序将检索有关具有该ID的产品的相关供应商数据。

这就是我对此的看法：

1. 使用jQuery attr在鼠标悬停时访问ID。
2. 使用.post（）方法
将此ID发布到retrieve.php文件
3. retrieve.php文件从数据库中检索数据
4. 在网页上的工具提示中显示数据。

我对上述过程有一些疑问：

1. 我能够在本地XAMPP服务器上运行，但是它如何在线工作，因为chrome扩展无法访问服务器。在不使用PHP的情况下检索数据的方法是什么？

2. 我能够使逻辑工作但无法将它们放在相应的文件中 - 我的所有逻辑都将存在于background.js中吗？

任何关于开始这项工作的建议都将不胜感激。

Answer 1

您可以在服务器上构建一个非常简单的API，它可以使用JSON响应处理后收到的任何请求。像这样：

{"firstVar":"foo","secondVar":"bar" }

然后你的chrome扩展可以向这个服务器发出一个xmlhttp请求并处理返回的数据。（你也可以使用JSONP并将响应包装在一个回调函数中，该函数会在你有响应后立即执行）

JS扩展将能够很好地处理JSON，因为它可以理解该格式，因此您可以选择以您想要的任何方式显示数据。

基本上，你想要的是一个服务器，它可以将一个ID发布到它并以一种漂亮可读的格式返回相应的日期。还有一个chrome扩展，可以向服务器发出请求，然后处理响应。单独构建和测试它们（不断向服务器提供ID并查看响应，并且首先查看JS方面，而不是向未完成的API发出请求，只需设置一个静态响应，开始时将与预期响应相同。