使用 AJAX 从特定外部 DIV 加载文本？

Question

我正在尝试从 http://www.census 加载估计的世界人口。 gov/ipc/www/popclockworld.html 使用 AJAX，到目前为止，失败得很惨。

该页面上有一个 ID 为“worldnumber”的 DIV，其中包含估计人口，因此这是我想从该页面获取的唯一文本。

这是我尝试过的：

  $(document).ready(function(){
    $("#population").load('http://www.census.gov/ipc/www/popclockworld.html #worldnumber *');
  });

Answer 1

您尝试执行的操作称为跨域请求。这不是浏览器通常允许的功能（安全功能）。这里描述了一些绕过这个限制的方法： The jQuery Cross - 域 Ajax 指南。

Answer 2

你可以尝试这样的事情：

$.get('http://www.census.gov/ipc/www/popclockworld.html', function(content) {
    $("#population").html($('#worldnumber',$(content)));
});

Answer 3

是的，这就是安全。您无法使用 ajax 访问非同一域的页面。

Answer 4

@R0MANARMY：

我似乎无法遵循您链接到的该网站上给出的说明，但我确实找到了解决方案...我使用以下代码创建了一个 PHP 文件：

//Run cURL call
$ch = curl_init('http://www.census.gov/main/www/rss/popclocks.xml');
curl_setopt($ch, CURLOPT_RETURNTRANSFER, true);
curl_setopt($ch, CURLOPT_HEADER, 0);
$data = curl_exec($ch);
curl_close($ch);

//Set as new XML object
$doc = new SimpleXmlElement($data, LIBXML_NOCDATA);


function parseRSS($xml) {
  $cnt = count($xml->channel->item);
  for($i=0; $i<$cnt; $i++) {
    $title = $xml->channel->item[$i]->title;
    if ( preg_match("/world population estimate:\s([0-9,]+)\s/i", $title, $match) ) {
      echo $match[1];
    }
  }
}

parseRSS($doc);

然后我调用像这样使用 jQuery：

<div id="population"></div>

<script type="text/javascript" src="http://code.jquery.com/jquery-1.4.2.min.js"></script>
<script type="text/javascript">
  $(document).ready(function() {
    $('#population').load('getpop.php');
    var refreshId = setInterval(function() {
      $('#population').load('getpop.php');
    }, 120000);
   });
</script>

只是想我会将其发布在这里，以防其他人想做类似的事情。