jsonp请求实例原生和jquery

最新推荐文章于 2021-08-06 10:28:25 发布

swrd2014

最新推荐文章于 2021-08-06 10:28:25 发布

阅读量338

点赞数

分类专栏： JS HTML/CSS

本文链接：https://blog.csdn.net/u014041540/article/details/77837966

版权

JS 同时被 2 个专栏收录

35 篇文章 0 订阅

订阅专栏

HTML/CSS

34 篇文章 0 订阅

订阅专栏

		<!--jquery 封装请求-->
		<script type="text/javascript" src="js/jquery-1.11.0.js" ></script>
		<script>	
			$.ajax({
				type:"get",
				url:"https://c.y.qq.com/qzone-music/fcg-bin/fcg_ucc_getcdinfo_byids_cp.fcg",
				async:false,
				jsonp:"jsonp1",
				jsonpCallback:"jsonp1",
				dataType:"jsonp",
				data: "g_tk=5381&uin=0&format=json&inCharset=utf-8&outCharset=utf-8¬ice=0&platform=h5&needNewCode=1&disstid=1777801444%2C2038560543%2C2643012962%2C1472569038%2C2935317436&_=1504495543259&jsonpCallback=?",
				success:function(res){
					console.log(res);
				},
				error: function(){
					console.log('error');
				}
			});
			
		</script>

<!--//原生jsonp请求原理-->
		<script>
			function loadScript(url,callback){
				var head = document.getElementsByTagName('head')[0];
				var script = document.createElement('script');
				script.type = 'text/javascript';
				script.src = url;
				script.onload = script.onreadystatechange = function (){
					if(!script.readyState || script.readyState === " loaded" || script.readyState ==="complete"){
						callback&&callback();
						script.onload = script.onreadystatechange = null;
						if(head && script.parentNode){
							head.removeChild(script);
						}
					}
				}
				head.insertBefore( script, head.firstChild );
				
			}
			var url = "https://c.y.qq.com/qzone-music/fcg-bin/fcg_ucc_getcdinfo_byids_cp.fcg?g_tk=5381&uin=0&format=json&inCharset=utf-8&outCharset=utf-8¬ice=0&platform=h5&needNewCode=1&disstid=1777801444%2C2038560543%2C2643012962%2C1472569038%2C2935317436&_=1504495543259&jsonpCallback=jsonp1";
			loadScript(url,jsonp1);
			var jsonp1 = function(data){
				console.log(data);
			}
			
		</script>