jsonp

最新推荐文章于 2024-06-20 20:55:24 发布

无称可用

最新推荐文章于 2024-06-20 20:55:24 发布

阅读量75

点赞数

分类专栏：接口

本文链接：https://blog.csdn.net/weixin_43992788/article/details/114885813

版权

接口专栏收录该内容

8 篇文章 0 订阅

订阅专栏

script 的src可以跨域请求资源
通过script 的src向后台请求但是只能发起get请求
则后台返回的js代码会在前端自动执行
如何解决变量污染
前端告诉后端需要的变量

后端node +koa

router.get('/jsomp',async(ctx)=>{
  console.log(ctx.query)
  let data={name:"张三"}
  ctx.body = ctx.query.callback+'('+JSON.stringify(data)+')'

})

前端

<!DOCTYPE html>
<html>
<head>
	<meta charset="utf-8">
	<title>jsonp</title>
</head>
<body>

</body>
<script type="text/javascript">
function getJsonp(data){
	console.log(data)
	alert(data.name)
}
</script>
<script src="http://localhost:3000/jsomp?callback=getJsonp"></script>
</html>