jsonp通俗易懂篇

1、同源策略:

只有两个网络地址的 协议、域名、端口 都相同,才是同源,否则就是跨域。

如果不是同源,会造成:

Ajax请求发送之后,返回的数据会被浏览器丢弃,然后报异常

2、jsonp实现跨域读取数据

在HTML文件的标签中,以下三个标签支持跨域

jsonp就是根据script标签没有跨域限制实现的~

原理:

(1)script标签只认识js语句

(2)服务器端将要返回的实际数据,填充进一条合法的js语句中,返回给客户端;客户端的script标签自动执行服务端返回的该条语句

(3)为了使返回的数据能灵活被客户端使用,客户端和服务器端只需要约定好函数名,然后服务端将数据用参数形式返给客户端,客户端来定义函数里的执行语句

(4)客户端将函数名拼接在src请求地址中,服务器接收到地址之后,把函数名解析出来,拼接到要返给客户端的js语句上,把数据拼到参数里

 

posted @ 2023-01-23 17:32  程序员冒冒  阅读(14)  评论(0编辑  收藏  举报