使用AJAX查找元素的文本

时间:2013-07-21 17:15:03

标签: javascript jquery ajax google-chrome-extension

我试图在Chrome扩展程序中找到一种方法来使用AJAX(如果有更好的方法,请不要使用AJAX),以便下载几个页面,每个页面的内容< a>标签存储在数组中。

每个页面都有类似的内容 - 内容不同 - :

<html>
<body>
<a href="#">Computer</a> <br />
<a href="#">Monitor</a> <br />
<a href="#">Mouse</a> <br />
<a href="#">Keyboard</a> <br />
</body>
</html>

我能够使用/更喜欢jQuery。

谢谢,您不必为我编码。如果我指向正确的方向,我会自己弄清楚。

编辑: 我试图从其他页面检索数据并将它们存储在数组中。

3 个答案:

答案 0 :(得分:1)

Cross Origin Resource Sharing一边......

$.ajax({
    url: 'things.html?pageid=x',
    dataType:'html',
    success: function(html){
        $(html).find('a').each(function(){
            console.log($(this).text());
        });
    }
});

url - 请求页面@ things.html?pageid = x。

dataType - 指示成功函数应解析的数据类型。

success - 迭代返回的a文档中找到的html元素的每个实例,然后记录文本值。

答案 1 :(得分:1)

myArr是您要将它们放入的数组......:

var myArr = [];
$.ajax({
    type: "get",
    url: "myURL.html",
    dataType: "html",
    success: function (data){
        $(data).find("a").each(function(){
            myArr.push($(this).text());
        }
    }
});

答案 2 :(得分:1)

考虑到页面位于同一个域中,如果您想要执行多个请求,那么您可能需要检查http://api.jquery.com/jQuery.when