Jsonp的实现方式

前端之家收集整理的这篇文章主要介绍了Jsonp的实现方式前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。

最简单的Jsonp实现方式如下:

var Jsonp=document.creatElement("script");
//Firefox:onload IE:onreadystatechange
Jsonp.onload=Jsonp.onreadystatechange=function(){
    //onreadystatechange,仅IE
    if(!this.readyState||this.readyState==="loaded"||this.readyState==="complete"){
        alert($("#demo").html());
        Jsonp.onload=Jsonp.onreadystatechange=null; //防止内存泄漏
    }
}
Jsonp.type="text/javascript";
Jsonp.src="http://www.***.com/js/jQuery.js";
//在head之后添加js文件
document.getElementsByTagName("head")[0].appendChild(Jsonp);

我们通过创建script,指定它的src等属性,然后插入head执行。建议onload、onreadystatechange写在src赋值之前,防止载入javascript太快而没有给onload、onreadystatechange赋值(image对象在IE下具有此类现象)。

Jsonp实例:
首先我们可以定义一个函数来执行Jsonp返回的数据,然后通过Jsonp的src传此函数后台,进行处理,返回可执行的函数。例如下面的代码

function JsonpHandle(a){
    alert(a);
}
var Jsonp=document.creatElement("script");
Jsonp.type="text/javascript";
Jsonp.src="http://www.***.com/Jsonp.PHP?callback=JsonpHandle";
//在head之后添加javascript文件
document.getElementsByTagName("head")[0].appendChild(Jsonp);

后台Jsonp.PHP代码

echo $_GET["callback"]."('hello,world')";

猜你在找的Json相关文章