HTTP 跨域通信：AJAX 困境

XMLHttpRequest 是 AJAX 技术的支柱，它强制执行跨域策略，阻碍直接通信与外部服务器的通信。尝试使用 AJAX 请求从不同域检索数据会导致可访问性错误。

为了克服此限制，引入了 JSONP。然而，由于预期的 JSON 格式与接收到的数据不匹配，它经常会引入语法错误。

唯一可行的解​​决方案：服务器端代理

The最实用的解决方案是使用服务器端语言作为代理。该技术允许您通过在服务器上运行的中间脚本间接访问跨域数据。

使用 jQuery 和 PHP 实现

实现跨域数据使用 jQuery 和 PHP 检索：

jQuery 部分：

$.ajax({
    url: 'proxy.php',
    type: 'POST',
    data: {
        address: 'http://www.google.com'
    },
    success: function(response) {
        // response now contains full HTML of google.com
    }
});

PHP 代理 (proxy.php):

echo file_get_contents($_POST['address']);

通过利用此通过这种方法，您可以有效地访问和显示来自外部域的数据，同时遵守 AJAX 跨域策略。请注意所抓取数据的任何限制或潜在问题。