如何从url检索HTML结构数据并使用javascript分析特定于DOM的数据

我正在做一个chrome扩展

此扩展将查询搜索引擎并以HTML表格格式获取每个关键字的输出

在检索HTML文档之后，JS将分析HTMLDOM，并获取指定的数据，然后在定义的选项卡中显示数据

我在stackOverflow做过研究

这一个，因为chrome扩展没有起源问题，它可以访问任何域

这一个，我不需要它是用PHP编写的

我需要JavaScript解决方案

经过两天的研究，我得到了一份使用jQuery解决这个问题的计划草案

但我怀疑这是解决这个问题的最好办法。 希望专家有经验的建议。

问题是：

1） 使用Javascript请求url
2） 使用Javascript获取响应数据并将数据保存到变量或某个临时文件中
3） 使用Javascript从步骤2中检索特定数据，例如特定标记id或类名标记元素。
4） 使用Javascript将数据写入Chrome浏览器中当前关注的网页选项卡。

提前感谢。

演示如何从url获取一些数据并提取部分数据。这就是你要找的吗

$.get('/').success(function(data){
    $(data).find('#home').appendTo('div');
});

你是说什么

这可能解决了1）2）和3）如果您绕过了访问控制允许源问题（可能通过在服务器上安装一个代理，允许其访问控制允许源中的所有域）

---

至于4）当你是一个chrome扩展时，你可以在任何加载的页面中插入任意javascript，文档在这里

谢谢@matdumsa，你的建议对我来说很有价值。我非常确定添加将解决访问控制允许源问题。单击链接，查看代码，单击运行。。。查看右下角生成的html文档。它不起作用。我正在尝试使用：$.get（'{$（data.find（'.p-price'））.appendTo（'div'）；}）在aliexpress中检索项目的价格；发生了什么？

$.get("http://www.whatismyip.com/", function(response) {
     console.log ("Hey I found out " + $(response).find("#ip").text());
    });