javascript实现jsonp跨域问题+原理

在工作中往往存在跨域的问题 ,跨域是什么概念就不在这里了,搜这类问题的肯定已经知道了。下面直接探讨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( "失败" );

        }

    };

posted @ 2015-06-19 16:24  Rain-Heart  阅读(233)  评论(0编辑  收藏  举报