Jsonp的实现方式

来源：互联网发布：数据库系统基础答案编辑：程序博客网时间：2024/06/05 03:56

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

var Jsonp=document.creatElement("script");//Firefox:onload    IE:onreadystatechangeJsonp.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')";

0 0