自己封装的 Jsonp 函数

最新推荐文章于 2022-08-17 22:28:57 发布

bancaoge6968

最新推荐文章于 2022-08-17 22:28:57 发布

阅读量174

点赞数

CC 4.0 BY-SA版权

文章标签： json

原文链接：http://www.cnblogs.com/llxin/p/6209595.html

本文深入探讨了JSONP跨域请求的实现原理，详细解释了如何通过动态创建script标签来发送请求，并将回调函数挂载到全局作用域中，以实现跨域数据的获取。此外，还介绍了如何确保每次请求的函数名唯一，以及如何处理接收到的响应数据。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

function jsonp(url,data,callback,succ,fn){
	var oS = document.createElement('script');
	var head = document.getElementsByTagName('head')[0];
	
	/*
		保证每一次请求数据的接收函数名不重复 
	*/
	var fnName = 'jquery_'+new Date().getTime()+Math.random();
	//因为函数名不能有.所以把.替换成空
	fnName = fn || fnName.replace('.','');
	
	var arr = [];
	for(var attr in data){
		arr.push(attr+'='+data[attr]);
	}
	data = arr.join('&');
	
	
	//把接收函数挂在全局,要做fn不能是死，如果有固定的就走固定的，如果没有固定的那么随机
	window[fnName] = function(json){
//		console.log(json)
		head.removeChild(oS);
		succ && succ(json);
	}
	oS.src = url + '?' + data + '&'+callback+'='+fnName;
	head.appendChild(oS);
}

转载于:https://www.cnblogs.com/llxin/p/6209595.html