您的位置:首页 > Web前端 > JavaScript

Jsonp跨域原理剖析

2018-03-29 17:25 281 查看
    所谓jsonP的跨域访问加载数据的原理其实应用的是<script src=""></script>中src属性可以跨域加载js文件来实现的。
    具体的流程可以通过一张图来分析

 


2.JsonP的实现
        1.客户端(js):
        <script  src="htpp://localhost:8080?callback=mycall"></script>
        <script>
                    function mycall(data){
            }

        </script>
        2.客户端(JQuery)
        <script>
                    

        </script>
    服务端实现
        


    服务端在做返回的时候是将需要返回的数据拼装在在回调函数callback函数的形参上,请求成功后将在前端页面执行回调函数,所以便可在前端页面js中的回调函数中获得jsonp跨域请求返回的数据。

至此jsonp跨域访问原理就是酱紫
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: