最简单的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);
echo $_GET["callback"]."('hello,world')";