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')";