从外部页面抓取H1并附加到DIV

Question

我对这个新手问题感到抱歉，但我现在正在开始jquery。

我正试图从外部页面获取H1标题并在我的网站上附加到DIV。我无法获取内容，我需要每隔10秒检查一次H1的变化。我做错了什么？

<script type="text/javascript">
    jQuery.ajax({
            setInterval(function() {
            url: "livetime.chronon.com.br/p1.html",
            success: function(result) {
                h1Content = $(body).find(h1).html();
            },10000);
              
                $('#h1Title').append(h1Content);
            },
        });
    </script>

<div id="h1Title"></div>

Answer 1

很明确，在AJAX调用中定义setInterval函数是不可能的。试试这个：

<script type="text/javascript">
    setInterval(function() {
        jQuery.ajax({
            url: "livetime.chronon.com.br/p1.html",
            success: function(result) {
                h1Content = $(body).find(h1).html();
                $('#h1Title').append(h1Content);
            }
        });
    }, 10000);
</script>

常规AJAX调用仅限于当前域内的页面。如果是这种情况，您可以使用jQuery.load检索网页的HTML并在匹配的元素上插入其内容。之后，您可以浏览该元素以检查h1标记。如果您尝试访问的站点位于当前域之外，则必须使用名为JSONP的站点。您可以使用此answer了解有关此技术的更多信息。