Jsonp跨域原理剖析

    所谓jsonP的跨域访问加载数据的原理其实应用的是中src属性可以跨域加载js文件来实现的。

    具体的流程可以通过一张图来分析

 Jsonp跨域原理剖析_第1张图片

2.JsonP的实现

        1.客户端(js):

       

       

        2.客户端(JQuery)

       

    服务端实现

        Jsonp跨域原理剖析_第2张图片

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

至此jsonp跨域访问原理就是酱紫

你可能感兴趣的:(Jsonp跨域原理剖析)