jsonp跨域原理

  • 首先json是一种基于文本的数据交换方式/或者叫做数据描述格式

当一个网页在请求文件的时候不受跨域的影响凡是拥有src 属性的标签都拥有跨域的能力,所以我们用script 标签的跨域能力让它用一个callback函数包裹着一段json格式的数据返回前端页面在执行这个函数就可以读取到数据了

function jsonpTest(){
    var  script=document.createElement("script");
    script.setAtrribute("type","text/javascript");
    script.setAtrribute("scr","url");
    document.appendChild(script);
}

//jquery
$.ajax({
    url:"",
    type:"get",
     dataType:"jsonp",
     jsonpCallback:JSON_CALLBACK,
    success:function(ret){
      console.log(ret); 
    }
})
function JSON_CALLBACK(data){
      console.log(data);
}
最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • 利用 页面上 script 标签可以跨域,并且其 src 指定的js脚本到达浏览器会执行的特性,我们可以进行跨域取...
    tobAlier阅读 2,523评论 3 1
  • JavaScript是一种在Web开发中经常使用的前端动态脚本技术。在JavaScript中,有一个很重要的...
    西瓜w阅读 1,806评论 0 1
  • Spring Cloud为开发人员提供了快速构建分布式系统中一些常见模式的工具(例如配置管理,服务发现,断路器,智...
    卡卡罗2017阅读 135,131评论 19 139
  • 0. 前言 说到AJAX就会不可避免的面临两个问题。 AJAX以何种格式来交换数据? 第二个是跨域的需求如何解决?...
    公子七阅读 23,699评论 7 67
  • Asynchronous JavaScript and XML (Ajax) 是驱动新一代 Web 站点(流行术语...
    张玉帅阅读 1,016评论 0 3