跨域JSONP

跨域

1.什么是跨域
跨域：指的是浏览器不能执行其他网站的脚本。它是由浏览器的同源策略造成的，是浏览器对javascript施加的安全限制。

2.跨域的几种方式
JSONP,CORS,降域和Message

JSONP的实现

1.原理
JSONP是通过 script 标签加载数据的方式去获取数据当做 JS 代码来执行 提前在页面上声明一个函数，函数名通过接口传参的方式传给后台，后台解析到函数名后在原始数据上「包裹」这个函数名，发送给前端。

2.演示
2.1 HTML
在html的js中写入callback=appendHtml,这个请求到达后端后，后端会去解析callback这个参数获取到字符串appendHtml

图片.png

2.2 server.js

图片.png