javascript - 如果跨域 Ajax 请求遇到目标 div 的内容生成比文档加载晚几秒怎么办

Question

我需要在外部网站页面上检索生成的 div 的内容。

我已经搜索了很长一段时间，但没有找到任何运气。

我已经能够从该页面(跨域)检索所有静态内容。但是那个div的内容只有在点击页面上的按钮后才会生成。

网址类似于:http://www.xxx.com/getPrice因此，当选择类型和邮政编码时，url 变为 http://www.xxx.com/getPrice?Type=5&postcode=3000

并且该 div 的内容将在页面的全部内容加载后大约 2-3 秒后显示。

这是代码

$.ajax({
                   url: link,
                   type: 'GET',
                   success: function (res) {
                       var headline = $(res.responseText).find('#divID').text();
                       $('#container').html(headline);
                   }
               });

更新:

jQuery .delay() 方法无法满足我的要求，因为我仍然需要立即执行ajax 调用。更重要的是调用执行后，我需要在加载生成/动态/延迟内容后(而不是页面内容加载时)触发回调函数。所以这里有两个不同的时间。我只是不知道这是否可能。

更新 2:

完整的方法不是我需要的。它在请求完成时触发，但到那时，div 的生成内容尚未生成。所以它仍然不是解决方案。这是演示我在说什么的图片。你可以看到 div #output ，它的内容仍然是空的。

更新 3:

这是在#output div 中插入内容的代码。

var markerImage = "http://www.racv.com.au/wps/wcm/connect/ebffbd00473d0422974bbfc0de4a49c9/marker.png?MOD=AJPERES&CACHEID=ebffbd00473d0422974bbfc0de4a49c9";
  var searchString="";
  var fuelType=2;
  var resultPage = document.location;
  resultPage = String(resultPage).split("?");   // Get URL without the query string
  resultPage = resultPage[0];
function searchFuel(){
  if (document.getElementById('fuelType3').checked) {
    fuelType = 3;
  } else if (document.getElementById('fuelType2').checked) {
    fuelType = 4;
  } else if (document.getElementById('fuelType4').checked) {
    fuelType = 6;
  } else if (document.getElementById('fuelType1').checked) {
    fuelType = 2;
  } else if (document.getElementById('fuelType5').checked) {
    fuelType = 5;
  }
//window.open("/wps/wcm/connect/racv/internet/primary/my+car/advice+_+information/fuel/petrol+prices/search+for+petrol+prices+around+melbourne?fuelType="+fuelType+searchString, '_self')
window.open(resultPage + "?fuelType=" + fuelType + searchString, "_self");  
}

这个函数是通过点击按钮触发的，下面是代码。

<input type="image" style="margin-top: 40px; cursor: pointer;" src="/wps/wcm/connect/993c7080474f0a60a0bff5aa2893940e/fpButton.gif?MOD=AJPERES&amp;CACHEID=993c7080474f0a60a0bff5aa2893940e" alt="search" id="search" border="0" class="submit" onclick="searchFuel();" onmouseover="javascript: this.style.cursor='pointer'">

Answer 1

我看到两种可能性:

1. 外部链接通过 ajax 调用加载“延迟”内容:在这种情况下，您将需要访问这个额外的 ajax 调用的 url。

2. 或者“延迟”内容已经存在于响应中，并使用 setTimeout 插入到 DOM 中:在这种情况下，数据已经存在于您获得的响应中(在隐藏的 html 节点内，或存储在某个 javascript 变量中，或在 javascript 代码中以 exetenso 编写...)，您将必须找到一种方法来提取它来自响应。

您的 #output div 作为 ajax 调用的结果被修改。

打开您的 Firebug 控制台，浏览到您要抓取的页面，选择您的地理区域，然后查看页面更新时控制台中显示的内容。

发送了一些ajax查询。仔细研究它们，找出哪一个包含您需要的信息。