源码网商城,靠谱的源码在线交易网站 我的订单 购物车 帮助

源码网商城

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

  • 时间:2021-04-17 05:08 编辑: 来源: 阅读:
  • 扫一扫,手机访问
摘要:基于Jquery的跨域传输数据(JSONP)
后端:
[u]复制代码[/u] 代码如下:
<?php $json_str = json_encode(array("ddd"=>"11111111")); echo $_GET['ja'].'('.$json_str.')'; ?>
前端:
[u]复制代码[/u] 代码如下:
$.getJSON('http://www.liushan.cn/test.php?ja=?',function (json){ alert(json); });
纯JS实现(JSONP):
[u]复制代码[/u] 代码如下:
//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
[u]复制代码[/u] 代码如下:
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帮助文件示例
  • 全部评论(0)
联系客服
客服电话:
400-000-3129
微信版

扫一扫进微信版
返回顶部