jsonp通俗易懂篇
1、同源策略:
只有两个网络地址的 协议、域名、端口 都相同,才是同源,否则就是跨域。
如果不是同源,会造成:
Ajax请求发送之后,返回的数据会被浏览器丢弃,然后报异常
2、jsonp实现跨域读取数据
在HTML文件的标签中,以下三个标签支持跨域
jsonp就是根据script标签没有跨域限制实现的~
原理:
(1)script标签只认识js语句
(2)服务器端将要返回的实际数据,填充进一条合法的js语句中,返回给客户端;客户端的script标签自动执行服务端返回的该条语句
(3)为了使返回的数据能灵活被客户端使用,客户端和服务器端只需要约定好函数名,然后服务端将数据用参数形式返给客户端,客户端来定义函数里的执行语句
(4)客户端将函数名拼接在src请求地址中,服务器接收到地址之后,把函数名解析出来,拼接到要返给客户端的js语句上,把数据拼到参数里