首页 > 其他分享 >jsonp通俗易懂篇

jsonp通俗易懂篇

时间:2023-01-23 17:44:31浏览次数:40  
标签:语句 跨域 script 标签 通俗易懂 jsonp 客户端

1、同源策略:

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

如果不是同源,会造成:

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

2、jsonp实现跨域读取数据

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

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

原理:

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

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

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

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

 

标签:语句,跨域,script,标签,通俗易懂,jsonp,客户端
From: https://www.cnblogs.com/zhaoyingzhen/p/17065325.html

相关文章

  • 图解 SQL 执行顺序,通俗易懂!
    这是一条标准的查询语句:   这是我们实际上SQL执行顺序:我们先执行from,join来确定表之间的连接关系,得到初步的数据where对数据进行普通的初步的筛选groupby分......
  • org.bson.json.JsonParseException: JSON reader was expecting a name but found ‘,
    问题执行JSON转化时报这个错原因自己写的这个JSON转换不对,不符合JSON格式,但是我的给我报错位置和实际错误位置差了几行,导致找了半天,觉得自己写的没问题,注释掉发现确实有个地......
  • ajax通过jsonp解决跨域问题
    直接上代码:前端:<scriptsrc="./jquery-1.11.2.min.js"></script><script>$(function(){$('#btn').click(function(){varurl="http:......
  • 图文详解海明校验码,通俗易懂,软考.软件设计师考试必看
    海明校验码海明校验码的准则:1.校验码必须放在2的幂次上(2n),n为0,1,2,3,....2.满足k+r+1<=2r,k为信息位的长度,r为校验码长度例:求信息1011的海明码。已知:k为4,则......
  • 4_jsonp跨域处理
    ​  jsonp跨域处理4.4.1什么是跨域?出于浏览器的同源策略限制。同源策略(Sameoriginpolicy)是一种约定,它是浏览器最核心也最基本的安全功能,如果缺少了同源策略,则浏览......
  • 4_jsonp跨域处理
    ​  jsonp跨域处理4.4.1什么是跨域?出于浏览器的同源策略限制。同源策略(Sameoriginpolicy)是一种约定,它是浏览器最核心也最基本的安全功能,如果缺少了同源策略,则浏览......
  • JUC并发编程详解(通俗易懂)
    一、JUC简介在Java5.0提供了java.util.concurrent包,简称JUC,即Java并发编程工具包。JUC更好的支持高并发任务。具体的有以下三个包:java.util.concurrentjava.util.conc......
  • 通俗易懂的MySQL事务及MVCC原理,我先收藏了!
    一、事务简介与四大特性事务指的是一组命令操作,在执行的过程中,要么全部成功,要么全部失败。由引擎层支持事务,MyISAM就不支持事务,而InnoDB是支持事务的。事务具有以下四......
  • 【通俗易懂】机器学习中 L1 和 L2 正则化的直观解释
    微信公众号:AI有道(ID:redstonewill)机器学习中,如果参数过多,模型过于复杂,容易造成过拟合(overfit)。即模型在训练样本数据上表现的很好,但在实际测试样本上表现的较差,不具备良好的......
  • 看了就会,手写Promise原理,最通俗易懂的版本!!!
    前言大家好,我是林三心,相信大家在日常开发中都用过Promise,我一直有个梦想,就是以最通俗的话,讲最复杂的知识,所以我把通俗易懂放在了首位,今天就带大家手写实现以下Promise吧,相......