码迷,mamicode.com
首页 > 编程语言 > 详细

javascript实现jsonp跨域问题+原理

时间:2015-06-19 16:41:56      阅读:148      评论:0      收藏:0      [点我收藏+]

标签:

在工作中往往存在跨域的问题 ,跨域是什么概念就不在这里了,搜这类问题的肯定已经知道了。下面直接探讨jsonp跨域原理

jspon跨域原理:

 1.动态创建一个script标签

    var script = document.createElement("script");

 2.添加src属性,value也就是所谓的接口的写入(注:此处要返回的是一个回调函数callback;这里可以省略callback字段写成 script.src = "http://xxxx.com/?user="xxx也是可以的)

   script.src = "http://xxxx.com/?user="xxx"&callback = callback

3.把标签添加到body里面这样就实现了jsonp跨域了

  document.body.appendChild( script );     

4.回调函数

callback = function( data ){

        if( data.success ){

            alert( "成功" );

        }else{

            alert( "失败" );

        }

    };

javascript实现jsonp跨域问题+原理

标签:

原文地址:http://www.cnblogs.com/rainheader/p/4589083.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!