前端 jsonp 的疑问
在前端开发中，jsonp (json with padding) 常用于解决跨域请求的问题。然而，在使用 jsonp 时可能会遇到一些疑难杂症。
问题：
以下代码中，点击事件调用 wx_auth 方法后，是否会执行 jsonp_cb 回调函数？需要注意的是，jsonp.src = '' 为空值。
var wx_auth = function () {
var jsonp = document.createelement('script');
jsonp.type = 'text/javascript';
jsonp.src = '';
document.getelementsbytagname('head')[0].appendchild(jsonp);
};
var jsonp_cb = function() {};解答：
不会执行 jsonp_cb 回调函数。
在 jsonp 中，回调函数通常通过查询参数传递，格式为 callback=?。当 jsonp.src 为空值时，生成的 html <script> 标签变为：</script>
<script type="text/javascript" src=""></script>
这种情况下，服务器端不会收到包含 callback 参数的请求，因此无法触发回调函数 jsonp_cb。
为了正确使用 jsonp，jsonp.src 应该赋值为包含回调函数名称的 url，例如：
jsonp.src = 'https://example.com/api?callback=jsonp_cb';
生成正确的 <script> 标签为：</script>
<script type="text/javascript" src="https://example.com/api?callback=jsonp_cb"></script>
这样，当服务器端接收到请求后，就会在响应中包含 jsonp_cb(...) 语句，触发前端的回调函数执行。
以上就是JSONP 中 jsonp.src 为空值，回调函数会执行吗？的详细内容，更多请关注php中文网其它相关文章！
每个人都需要一台速度更快、更稳定的 PC。随着时间的推移，垃圾文件、旧注册表数据和不必要的后台进程会占用资源并降低性能。幸运的是，许多工具可以让 Windows 保持平稳运行。
广告![ThinkPHP5快速开发企业站点[全程实录]](https://img.php.cn/upload/course/000/000/068/6253d918a3ce7278.png)
收藏
收藏
Copyright 2014-2025 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号
777
