如何使用AJAX从外部域检索数据？

跨域 AJAX 请求：探索解决方法

AJAX 彻底改变了 Web 开发，允许动态和交互式应用程序。然而，由于浏览器安全措施，尝试发出跨域 HTTP 请求时会出现一个常见的障碍。本文探讨了克服此限制并从外部域检索数据的替代解决方案。

问题陈述

该问题强调了无法直接对外部域执行 AJAX 调用，例如“http://www.google.com”并在自己的网站上检索结果。虽然使用“jsonp”数据类型似乎是一个解决方案，但接收到的数据缺乏 JSON 格式会导致语法错误。

解决方案：代理服务器集成

推荐的解决方案涉及使用服务器端语言作为代理。该代理充当中介，从外部域获取数据并以适当的格式将其传递回客户端网站。以下是使用 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']);

iFrame 注意事项

iFrame 也遵循相同的跨域请求策略。因此，嵌入来自不同域的 iFrame 将不允许直接数据检索或操作。

结论

通过利用代理服务器，可以绕过交叉- 域限制并使用 AJAX 从外部目的地检索数据。这种方法提供了一种简单有效的解决方案，使开发人员能够构建与多个域的内容无缝交互的应用程序。

以上是如何使用AJAX从外部域检索数据？的详细内容。更多信息请关注PHP中文网其他相关文章！