1

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

我一直在寻找很长一段时间，但没有任何运气。

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

the url is like : http://www.xxx.com/getPrice so when the type and postcode is selected, the url becomes 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个不同的时间。我只是不知道这是否可能。

更新 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'">
4

2 回答 2

3

我看到两种可能性：

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

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

您的#outputdiv 因 ajax 调用而被修改。

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

发送了一些 ajax 查询。挖掘它们并找到哪一个包含您需要的信息。

于 2013-08-07T06:53:39.040 回答
0

在显示内容之前使用延迟，例如

$('#container').delay(800).html(headline);
于 2013-08-07T06:56:12.990 回答