简单概述JSONP原理

简单概述JSONP原理

先提出一个问题为什么要使用jsonp

当我们进行网络请求的时候,本地的前端的html页面向本地的后端发送ajax请求的时候,是可以发送,但是如果向第三方后端服务器发送请求时访问不到的,此时就是前端经常出现的跨域问题,

解决跨域的方法很多但是我们只说对于前端参与感及高的jsonp

jsonp的原理就是 我们利用ajax请求对第三方服务器发送请求时,浏览器安全机制过于严密,因此我们想到了另一个方法,当我们从cdn网站上去引入jquery包文件时,也是访问第三方服务器但是不会被拦截,因此我们可以得出结论,http请求是不会被拦截的,所以,我们动态的在页面创建一个script标签并在其中的src写入一个接口路径,传递一个必填参数callback,此时后端接受到我们的请求以及参数,将要发给我们的数据拼接成在前端执行的js函数代码,将数据当作参数传递过来,此时我们只需要在我们的页面中申明这个回调函数,并设置形参即可得到后端返回的参数

猜你喜欢

转载自blog.csdn.net/EWJRQKJRQ/article/details/108551514