JSONP 跨域访问

		<!DOCTYPE html>
		<html lang="en">
		<head>
		    <meta charset="UTF-8">
		    <title>Title</title>
		</head>
		<body>
		<script>
		    
		   jsonp({
		       url:"http://localhost:8888/index",
		       data:'',
		       success:(data)=>{
		           console.log(data);
		       }
		
		
		   })
		
		
		    function jsonp(options) {
		       //随机函数名
		        let callbackName='itlike'+Math.random().toString().substr(2)
		        //处理URL的拼接
		        window[callbackName]=function(data){
		            options.success(data)
		            document.body.removeChild(script)
		
		
		        }
		        options.url=options.url+'?callback='+callbackName
		        //创建script的标签
		        let script  = document.createElement("script")
		        script.src=options.url;
		        document.body.appendChild(script)
		
		    }
		</script>
		<!--<script src="http://localhost:8888/index?callback=getData"></script>-->
		
		</body>
		</html>
	
	//服务器   访问
	router.get("/index",function(req,resp){
	
	 console.log(req.query);
	
	        let data=JSON.stringify({
	            status_code:200,
	            result:{
	                name:"张三",
	                age:18,
	            }
	        })
	        resp.send(`${req.query.callback}(${data})`)
	
	})

猜你喜欢

转载自blog.csdn.net/weixin_43453916/article/details/88039891
今日推荐