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>

<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 为空值，回调函数会执行吗？的详细内容，更多请关注GTHOST其它相关文章！