如何在 JavaScript 中创建兼容 JSONP 的端点：综合指南

在 JavaScript 中创建 JSONP 兼容端点

跨源资源共享 (CORS) 限制可能会阻碍不同域上托管的网站之间的通信。 JSONP（带有填充的 JSON）通过利用浏览器对脚本标记的处理提供了一种解决方法。

如何在 PHP 中实现 JSONP

要在PHP，请按照以下步骤操作：

1. 在 GET 请求中接受回调参数，例如 $callback = $_GET['callback'];。
2. 包装回调 JavaScript 函数浏览器中的 JSON 响应，例如 $callback.'('.$data.');'.
3. 为 CORS 设置适当的 HTTP 标头，例如：

<code class="php">header('Content-Type: text/javascript; charset=utf8');
header('Access-Control-Allow-Origin: http://www.example.com/');
header('Access-Control-Max-Age: 3628800');
header('Access-Control-Allow-Methods: GET, POST, PUT, DELETE');</code>

此代码返回一个 JavaScript 文件，其中 JSON 对象作为参数传递给回调函数。

利用 JSONP 兼容端点

使用 <script>;标签来使用 JSONP 服务：</script>

<code class="html">&lt;script&gt;
    function receiver(data) {
        console.log(data);
    }
&lt;/script&gt;
&lt;script src=&quot;data-service.php?callback=receiver&quot;&gt;&lt;/script&gt;</code>

执行脚本时，将使用 JSON 响应调用接收器函数，允许您访问客户端的数据。

以上是如何在 JavaScript 中创建兼容 JSONP 的端点：综合指南的详细内容。更多信息请关注PHP中文网其他相关文章！