登录
首页 >  文章 >  前端

JSONP 中 jsonp.src 为空值,回调函数会执行吗?

时间:2024-11-07 21:03:52 261浏览 收藏

目前golang学习网上已经有很多关于文章的文章了,自己在初次阅读这些文章中,也见识到了很多学习思路;那么本文《JSONP 中 jsonp.src 为空值,回调函数会执行吗?》,也希望能帮助到大家,如果阅读完后真的对你学习文章有帮助,欢迎动动手指,评论留言并分享~

JSONP 中 jsonp.src 为空值,回调函数会执行吗?

前端 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 type="text/javascript" src=""></script>

这种情况下,服务器端不会收到包含 callback 参数的请求,因此无法触发回调函数 jsonp_cb。

为了正确使用 jsonp,jsonp.src 应该赋值为包含回调函数名称的 url,例如:

jsonp.src = 'https://example.com/api?callback=jsonp_cb';

生成正确的 <script> 标签为:

<script type="text/javascript" src="https://example.com/api?callback=jsonp_cb"></script>

这样,当服务器端接收到请求后,就会在响应中包含 jsonp_cb(...) 语句,触发前端的回调函数执行。

今天带大家了解了的相关知识,希望对你有所帮助;关于文章的技术知识我们会一点点深入介绍,欢迎大家关注golang学习网公众号,一起学习编程~

相关阅读
更多>
最新阅读
更多>
课程推荐
更多>