0

我正在使用 jQuery 和 ajax 来获取远程网页。如果您将此网页加载到浏览器中，它会正常加载，但在大约 100 毫秒后会显示另一个表示计数器的元素。此计数器插入特定位置并具有特定类。这是这个地方的 HTML：

<span class="unreadcount">1</span>

我正在尝试为 chrome 制作一个插件，它需要这个值。问题是该值在页面加载后不可用，但我必须等待从页面到服务器的请求（未读计数）完成，然后再处理页面的 HTML 以获得我想要的值。

有什么办法可以用 jQuery 做到这一点？我正在使用以下代码来获取 HTML 页面：

$.ajax({
           async: false,
           cache: false,
           type: 'GET',
           dataType: 'html',
           url: 'https://somesite.com/index.php',
           success: function(data1) {
               var descNode = document.createElement("div");
               descNode.innerHTML = data1;
               var unreadcount = descNode.getElementsByClassName("unreadcount");
            /*process unreadcount etc*/
         },
         error: function () {
            // something went wrong with the request
            error_occurred();
            return;
         }
      });

不幸的是，每次 unreadcount.length 都是 0，我注意到计数器没有与页面一起加载，而是在不久之后加载。

在处理页面之前如何等待计数器加载？

4

1 回答 1

1

你不能。

您将网页作为字符串获取。因此，不会执行任何 JavaScript。

您最好的选择是尝试复制获取未读邮件计数的请求。也就是说，如果您确定它是通过 AJAX 完成的。

虽然，可能使用 an<iframe>可能会有所帮助。而且，对您有利的是，您只需要一个仅适用于 Chrome 的解决方案，而不是一个容易失败<iframe>的跨浏览器解决方案。<iframe>

于 2013-02-17T16:08:40.460 回答