基于Jquery的跨域传输数据(JSONP)

 更新时间:2011年03月10日 13:02:32   作者:  
基于Jquery的跨域传输数据(JSONP) ,需要的朋友可以参考下。
后端:
复制代码 代码如下:

<?php
$json_str = json_encode(array("ddd"=>"11111111"));
echo $_GET['ja'].'('.$json_str.')';
?>

前端:
复制代码 代码如下:

$.getJSON('http://www.liushan.cn/test.php?ja=?',function (json){
alert(json);
});

纯JS实现(JSONP):
复制代码 代码如下:

//server return aa({'ddd':'ddd'}) callback function name: $_GET['callback']
//author:lonely
(function(w){
function getjson(){}
getjson.prototype.set=function(url,callback,callbackname){
this.callfn=callbackname||'urlcallback';
this.url=url+"?callback="+this.callfn;
try{
eval(this.callfn+"=function(data){\n"+
"callback(data);\n"+
'delete '+this.callfn+';}');
}catch(e){return;}
this.request();
delete this.url;
}
getjson.prototype.request=function(){
var script=document.createElement("script");
script.src=this.url;
var load=false;
script.onload = script.onreadystatechange = function() {
if(this.readyState === "loaded" || this.readyState === "complete"){
load=true;
script.onload = script.onreadystatechange=null;
}
};
var head=document.getElementsByTagName("head")[0];
head.insertBefore(script,head.firstChild);
}
w.getjson=getjson;
})(window)
//使用DOME
new getjson().set("http://www.test.cn/test.php",function(data){
alert(data.ddd);
});

另一个:getScript
复制代码 代码如下:

jQuery.getScript("http://dev.jquery.com/view/trunk/plugins/color/jquery.color.js", function(){
$("#go").click(function(){
$(".block").animate( { backgroundColor: 'pink' }, 1000)
.animate( { backgroundColor: 'blue' }, 1000);
});
});//CHM帮助文件示例

相关文章

  • jQuery 对象中的类数组操作

    jQuery 对象中的类数组操作

    我们都知道jQUery对象中有一个类数组的元素包装集,该集合类似js中的数组一样拥有length属性,因此我们称此为类数组,下面我们就来总结下这个jQuery对象中的类数组时如何进行操作的
    2009-04-04
  • 基于Jquery代码实现手风琴菜单

    基于Jquery代码实现手风琴菜单

    这篇文章主要介绍了基于Jquery代码实现手风琴菜单,代码简单易懂,需要的朋友参考下
    2015-11-11
  • jquery获取css的color值返回RGB的方法

    jquery获取css的color值返回RGB的方法

    这篇文章主要介绍了jquery获取css的color值返回RGB的方法,涉及jQuery字符串正则运算与数值转换的相关技巧,需要的朋友可以参考下
    2015-12-12
  • 基于jQuery的消息提示插件 DivAlert之旅(二)

    基于jQuery的消息提示插件 DivAlert之旅(二)

    今天在首页看到了一位仁兄用JS实现的模仿QQ校友弹出提示框效果的文章(文章链接),同道中人啊。。看起确实不错,看来我第一版的有点单纯了,咱也美化一下,就借鉴一下人家这两张图片吧
    2010-04-04
  • jquery序列化方法实例分析

    jquery序列化方法实例分析

    这篇文章主要介绍了jquery序列化方法,较为详细的分析了jQuery实现序列化涉及的相关技巧,需要的朋友可以参考下
    2015-06-06
  • jQuery $.each遍历对象、数组用法实例

    jQuery $.each遍历对象、数组用法实例

    这篇文章主要介绍了jQuery $.each遍历对象、数组用法实例,本文讲解了在有参数和无参数的情况下遍历对象及遍历数组的例子及each方法的几种常用用法,需要的朋友可以参考下
    2015-04-04
  • jQuery实现限制textarea文本框输入字符数量的方法

    jQuery实现限制textarea文本框输入字符数量的方法

    这篇文章主要介绍了jQuery实现限制textarea文本框输入字符数量的方法,涉及jQuery键盘事件及页面元素的相关操作技巧,需要的朋友可以参考下
    2015-05-05
  • jquery获取select选中值的文本,并赋值给另一个输入框的方法

    jquery获取select选中值的文本,并赋值给另一个输入框的方法

    今天小编就为大家分享一篇jquery获取select选中值的文本,并赋值给另一个输入框的方法,具有很好的参考价值,希望对大家有所帮助。一起跟随小编过来看看吧
    2018-08-08
  • 非常漂亮的相册集 使用jquery制作相册集

    非常漂亮的相册集 使用jquery制作相册集

    这篇文章主要为大家详细介绍了使用jquery制作非常漂亮的相册集,步骤详细,细节介绍完整,感兴趣的小伙伴们可以参考一下
    2016-04-04
  • jQuery siblings()用法实例详解

    jQuery siblings()用法实例详解

    siblings() 获得匹配集合中每个元素的同胞,通过选择器进行筛选是可选的。接下来通过本文给大家介绍jQuery siblings()用法实例详解,需要的朋友参考下吧
    2016-04-04

最新评论