你了解JSONP嘛

103 阅读1分钟

每天一个小枯燥 每天进步一点点

jsonp简介 jsonp是英文JSON with padding 首字母是一种借助于 script 标签发送跨域请求的技巧。它本质并不是ajax请求,所以没有跨域问题。

原理

  • script的src属性可以请求外部的js文件,这个请求不是ajax,它没有跨域问题。
  • 借助 script 标签的src请求服务端上的接口。<script src="http://localhost:3000/get"
  • 服务端的接口返回JavaScript 脚本,并附上要返回的数据。例如:`res.end("fn(数据)")

image.png

实现步骤

  • 补充script标签并设置它的src值为接口地址
  • 改造接口返回函数调用表达式,并传入数据
  • 在前端准备相应的函数

让script标签的src指向接口地址

<html>
    <script src="http://localhost:3000/get"></script>
</html>

image.png