美文网首页
[前端学习]---JSONP原理

[前端学习]---JSONP原理

作者: hello_web_Front | 来源:发表于2019-08-06 11:34 被阅读0次

什么是JSONP

在了解jsonp之前需要先了解一下浏览器的同源策略

同源策略:是浏览器的出于安全的考虑,即不同域名,不同协议,不同端口,默认是不可以访问的

例如:http://www.day0715.com/server.php'  http就是协议,www.day0715.com为域名,我这里使用的php配置的,端口默认是80,假设你使用了https://www.day0715.com来访问我,由于协议不一样,浏览器就会禁止访问,便会在控制台输出这样的错误

那么如何解决这个问题呢,使用script标签,因为script标签的src属性不受同源的限制

说到这里:我想你应该理解什么jsonp的原理了吧,就是指借用script标签来帮助我们发起跨域的请求

代码示例:

分析:在客户端我们从localhos对http://www.day0715.com/server.php发起请求,并传递了一个函数名(这个函数名字将来会换成随机数函数名),并把我们的函数名传递到服务端,在服务端我们获取到了函数名,然后返回函数的调用,并把数据返回给了客户端,这里需要设置返回的是javascript类型,因为我们返回的是hs函数调用

相关文章

网友评论

      本文标题:[前端学习]---JSONP原理

      本文链接:https://www.haomeiwen.com/subject/mvqidctx.html