基于Jquery的跨域傳輸數(shù)據(jù)(JSONP)
更新時間：2011年03月10日 13:02:32 作者：
基于Jquery的跨域傳輸數(shù)據(jù)(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實現(xiàn)(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幫助文件示例
復(fù)制代碼 代碼如下:
<?php
$json_str = json_encode(array("ddd"=>"11111111"));
echo $_GET['ja'].'('.$json_str.')';
?>
前端:
復(fù)制代碼 代碼如下:
$.getJSON('http://www.liushan.cn/test.php?ja=?',function (json){
alert(json);
});
純JS實現(xiàn)(JSONP):
復(fù)制代碼 代碼如下:
//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
復(fù)制代碼 代碼如下:
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使用JSONP實現(xiàn)跨域獲取數(shù)據(jù)的三種方法詳解
- 通過jsonp獲取json數(shù)據(jù)實現(xiàn)AJAX跨域請求
- JavaScript用JSONP跨域請求數(shù)據(jù)實例詳解
- AJAX跨域請求之JSONP獲取JSON數(shù)據(jù)
- 使用jsonp實現(xiàn)跨域獲取數(shù)據(jù)實例講解
- AngularJS實現(xiàn)的JSONP跨域訪問數(shù)據(jù)傳輸功能詳解
- Ajax的jsonp方式跨域獲取數(shù)據(jù)的簡單實例
- jsonp跨域請求數(shù)據(jù)實現(xiàn)手機號碼查詢實例分析
- AJAX跨域請求JSONP獲取JSON數(shù)據(jù)的實例代碼
- jsonp跨域獲取數(shù)據(jù)的基礎(chǔ)教程
相關(guān)文章
我們都知道jQUery對象中有一個類數(shù)組的元素包裝集，該集合類似js中的數(shù)組一樣擁有l(wèi)ength屬性，因此我們稱此為類數(shù)組，下面我們就來總結(jié)下這個jQuery對象中的類數(shù)組時如何進行操作的2009-04-04
這篇文章主要介紹了基于Jquery代碼實現(xiàn)手風琴菜單，代碼簡單易懂，需要的朋友參考下2015-11-11
這篇文章主要介紹了jquery獲取css的color值返回RGB的方法,涉及jQuery字符串正則運算與數(shù)值轉(zhuǎn)換的相關(guān)技巧,需要的朋友可以參考下2015-12-12
今天在首頁看到了一位仁兄用JS實現(xiàn)的模仿QQ校友彈出提示框效果的文章（文章鏈接），同道中人啊。?？雌鸫_實不錯，看來我第一版的有點單純了，咱也美化一下，就借鑒一下人家這兩張圖片吧2010-04-04
這篇文章主要介紹了jquery序列化方法,較為詳細的分析了jQuery實現(xiàn)序列化涉及的相關(guān)技巧,需要的朋友可以參考下2015-06-06
這篇文章主要介紹了jQuery $.each遍歷對象、數(shù)組用法實例,本文講解了在有參數(shù)和無參數(shù)的情況下遍歷對象及遍歷數(shù)組的例子及each方法的幾種常用用法,需要的朋友可以參考下2015-04-04
jQuery實現(xiàn)限制textarea文本框輸入字符數(shù)量的方法
這篇文章主要介紹了jQuery實現(xiàn)限制textarea文本框輸入字符數(shù)量的方法,涉及jQuery鍵盤事件及頁面元素的相關(guān)操作技巧,需要的朋友可以參考下2015-05-05
jquery獲取select選中值的文本,并賦值給另一個輸入框的方法
今天小編就為大家分享一篇jquery獲取select選中值的文本,并賦值給另一個輸入框的方法，具有很好的參考價值，希望對大家有所幫助。一起跟隨小編過來看看吧2018-08-08
這篇文章主要為大家詳細介紹了使用jquery制作非常漂亮的相冊集，步驟詳細，細節(jié)介紹完整，感興趣的小伙伴們可以參考一下2016-04-04
siblings() 獲得匹配集合中每個元素的同胞，通過選擇器進行篩選是可選的。接下來通過本文給大家介紹jQuery siblings()用法實例詳解，需要的朋友參考下吧2016-04-04