如何在 JavaScript 中创建兼容 JSONP 的端点:综合指南
Oct 23, 2024 am 12:14 AM在 JavaScript 中创建 JSONP 兼容端点
跨源资源共享 (CORS) 限制可能会阻碍不同域上托管的网站之间的通信。 JSONP(带有填充的 JSON)通过利用浏览器对脚本标记的处理提供了一种解决方法。
如何在 PHP 中实现 JSONP
要在PHP,请按照以下步骤操作:
- 在 GET 请求中接受回调参数,例如 $callback = $_GET['callback'];。
- 包装回调 JavaScript 函数浏览器中的 JSON 响应,例如 $callback.'('.$data.');'.
- 为 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"><script> function receiver(data) { console.log(data); } </script> <script src="data-service.php?callback=receiver"></script></code>
登录后复制
执行脚本时,将使用 JSON 响应调用接收器函数,允许您访问客户端的数据。
以上是如何在 JavaScript 中创建兼容 JSONP 的端点:综合指南的详细内容。更多信息请关注PHP中文网其他相关文章!
本站声明
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn

热门文章
击败分裂小说需要多长时间?
3 周前
By DDD
仓库:如何复兴队友
3 周前
By 尊渡假赌尊渡假赌尊渡假赌
Hello Kitty Island冒险:如何获得巨型种子
3 周前
By 尊渡假赌尊渡假赌尊渡假赌
公众号网页更新缓存难题:如何避免版本更新后旧缓存影响用户体验?
3 周前
By 王林
R.E.P.O.能量晶体解释及其做什么(黄色晶体)
1 周前
By 尊渡假赌尊渡假赌尊渡假赌

热门文章
击败分裂小说需要多长时间?
3 周前
By DDD
仓库:如何复兴队友
3 周前
By 尊渡假赌尊渡假赌尊渡假赌
Hello Kitty Island冒险:如何获得巨型种子
3 周前
By 尊渡假赌尊渡假赌尊渡假赌
公众号网页更新缓存难题:如何避免版本更新后旧缓存影响用户体验?
3 周前
By 王林
R.E.P.O.能量晶体解释及其做什么(黄色晶体)
1 周前
By 尊渡假赌尊渡假赌尊渡假赌

热门文章标签

记事本++7.3.1
好用且免费的代码编辑器

SublimeText3汉化版
中文版,非常好用

禅工作室 13.0.1
功能强大的PHP集成开发环境

Dreamweaver CS6
视觉化网页开发工具

SublimeText3 Mac版
神级代码编辑软件(SublimeText3)