每天一个小枯燥 每天进步一点点
jsonp简介 jsonp是英文JSON with padding 首字母是一种借助于
script标签发送跨域请求的技巧。它本质并不是ajax请求,所以没有跨域问题。
原理
- script的src属性可以请求外部的js文件,这个请求不是ajax,它没有跨域问题。
- 借助
script标签的src请求服务端上的接口。<script src="http://localhost:3000/get" - 服务端的接口返回JavaScript 脚本,并附上要返回的数据。例如:`res.end("fn(数据)")
实现步骤
- 补充script标签并设置它的src值为接口地址
- 改造接口返回函数调用表达式,并传入数据
- 在前端准备相应的函数
让script标签的src指向接口地址
<html>
<script src="http://localhost:3000/get"></script>
</html>