美文网首页
我所理解的JSONP跨域

我所理解的JSONP跨域

作者: 歐吉桑愛設計 | 来源:发表于2016-11-30 08:33 被阅读0次
JSONP: json with padding

 因为同源策略的存在,AJAX不能实现跨域获取数据,那么就有了用jsonp这种方法,来模仿实现AJAX功能。

 浏览器这个客户端需要定义一个处理函数fn(),也就是回调函数。然后html中再用<script>标签的src获取数据,数据的返回值必须有后端的配合,生成一个fn("json"),也就是说返回值不再是一个json数据,而是一个可以执行的js函数,而此函数与处理函数同名,那么就自动调用了回调函数来处理json。

 为了将回调函数名作为参数传递,这样避免每次和后端沟通函数名。在url中&callback=fn,后端php中$_GET["callback"]获取fn,将函数名当做变量传递。

 


 总结下,jsonp就是获取后端输出的可执行函数(函数带json数据)

相关文章

  • 我所理解的JSONP跨域

    JSONP: json with padding 因为同源策略的存在,AJAX不能实现跨域获取数据,那么就有了用j...

  • jsonp

    jsonp的跨域原理解析 背景: 由于浏览器同源策略的限制,非同源下的请求,都会产生跨域问题,jsonp就是为了解...

  • 对jsonp 的理解认识

    什么是跨域?为什么要跨域呢?听说jsonp能. 为什么jsonp能跨域呢?什么时候使用jsonp?怎么使用json...

  • jsonp

    参考:轻松搞定JSONP跨域请求参考:JavaScript 跨域总结与解决办法要理解跨域,先要了解一下“同源策略”...

  • ajax跨域请求

    ajax跨域请求(jsonp) 利用JSONP解决AJAX跨域问题的原理与jQuery解决方案JSONP jQue...

  • 浏览器跨域问题,教你手写实现jsonp跨域

    跨域概述为什么会有跨域跨域解决办法:1、jsonp;2、后台代理手写实现jsonp跨域(包括服务器端代码) 跨域问...

  • 常用前端面试问题

    跨域方法 Jsonp: 采用非同源限制标签进行处理请求,我理解的jsonp => json - page一个jso...

  • 交互那些事(二)

    说完ajax我想必须说说jsonp了,谈到jsonp就必须先说说跨域,首先ajax是不能跨域的,除非后台允许跨域或...

  • 2020面试总结

    (一)、跨域理解及HTTP与HTTPS区别,为啥HTTPS比HTTP更安全些? 解决跨域的有JsonP:(只要发送...

  • cookie和跨域数据交互(jsonp)

    cookie: 跨域数据交互(jsonp) 谁能跨域:JSONP/iframe-window.name/h5-PO...

网友评论

      本文标题:我所理解的JSONP跨域

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