js 跨域利用jsonp的原理

zhanglongdream

于 2017-05-11 23:33:56 发布

阅读量216

点赞数

CC 4.0 BY-SA版权

分类专栏： js

本文链接：https://blog.youkuaiyun.com/zhanglongdream/article/details/71699497

js 专栏收录该内容

18 篇文章

订阅专栏

本文介绍了 JSONP 的实现原理，通过一个简单的 HTML 页面示例展示了如何使用 script 标签的 src 属性来请求跨域数据，并通过回调函数处理返回的数据。

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

很久没有写过原生的了，一时间竟然忘了，所以记录下来

jsonp的原理就是script的src属性；

上代码首先建立一个index.html

<!DOCTYPE html>
<html>
<meta content="charset=utf-8"  />  

<head>
<script type="text/javascript">  
    function indexLong(result) {  
        console.log(result);  
  
    }  
</script>  
</head>
<body>

<script type="text/javascript" src="index.json?callback=indexLong"></script>
</body>
</html>

这里面有个需要注意的地方就是回调函数要写在本身callback之前

然后同级建立一个index.json