1.JSONP的实现原理。
浏览器通过<script>标签的src属性,请求服务器的数据,同时,服务器返回一个函数的调用。
特点:
JSONP
不属于真正的Ajax
请求,因为它没有使用XMLHttpRequest
这个对象JSONP
仅支持GET
请求,不支持POST
、PUT
、DELETE
等请求
2.创建JSONP接口。
注意事项:
如果项目中已经配置了CORS跨域资源共享,为了防止冲突,必须在配置CORS中间件之前声明JSONP的接口,否则JSONP接口会被处理成开起了CORS接口。
1.准备工作:
- 创建一个app.js文件 一个api文件夹 ,api文件夹下创建一个apiRouter.js文件,创建一个index.html文件
- 运行npm i express ,安装express模块
- 运行npm i cprs 命令,安装
mysql
模块
2.实现步骤分析:
- 获取客户端发送过来的回调函数的名字
- 得到要通过
JSONP
形式发送给客户端的数据 - 根据前两步得到的数据,拼接出一个函数调用的字符串
- 把上一步拼接得到的字符串,响应给客户端的
<script>