快捷導(dǎo)航

在Ajax中使用Flash實(shí)現(xiàn)跨域數(shù)據(jù)讀取的實(shí)現(xiàn)方法

更新時(shí)間：2010年12月02日 13:13:36 作者：

今天，小子再提供一種使用Flash進(jìn)行跨域操作的方法。眾所周之，其實(shí)Flash的跨域操作也是有限制的，不過，F(xiàn)lash的跨域配置比簡(jiǎn)單，只需要在站點(diǎn)根目錄下放置crossdomain.xml即可。

Ajax的跨域操作一直是一個(gè)難題，現(xiàn)目前主要的解決方法主要有：
　　　　1、JSONP（需要在服務(wù)器端支持）
　　　　2、IFrame（僅能在子域間操作）
　　　　3、頁(yè)面代理（這個(gè)有點(diǎn)萬(wàn)能）
　　　　4、Access-Control-Allow-Origin（新版瀏覽器支持，需要在服務(wù)器端設(shè)置Header）
　　今天，小子再提供一種使用Flash進(jìn)行跨域操作的方法。眾所周之，其實(shí)Flash的跨域操作也是有限制的，不過，F(xiàn)lash的跨域配置比簡(jiǎn)單，只需要在站點(diǎn)根目錄下放置crossdomain.xml即可。至于crossdomain.xml的用法，大家可以看看這篇文章：http://www.dbjr.com.cn/article/25485.htm 這篇文章。
　　對(duì)于，這一系列操作，小子已經(jīng)封裝為jQuery的插件形式，將在文章末尾附上下載地址。
　　使用方法：
　　　　1、在頁(yè)面引入jQuery與ajaxf.js文件。
　　　　2、在頁(yè)面插入以下代碼。首先將Flash安裝到頁(yè)面中。

復(fù)制代碼代碼如下:

 
$(document).ready(function() { 
$.ajaxf.install('/Files/zsea/flash4ajax.swf'); 
}); 

　　　　3、調(diào)用方法獲取遠(yuǎn)程數(shù)據(jù)。

　　下面詳細(xì)說一下插件所提供的方法：
　　　　$.ajaxf.install(swfpath)
　　　　安裝Flash到頁(yè)面，可指定Flash的路徑。
　　　　$.ajaxf.ready(function(){})
　　　　Flash加載完后執(zhí)行的函數(shù)。
　　　　$.ajaxf.isReady()
　　　　返回Flash是否已經(jīng)加載完成。返回值為Boolean
　　　　$.ajaxf.ajax(p)
　　　　原生的ajax調(diào)用支持，p為一個(gè)對(duì)象，包括：callback，回調(diào)函數(shù)；type，方法類型，支持json,text,xml,script；url，讀取數(shù)據(jù)的地址；method，請(qǐng)求的方法，支持get,post；data，發(fā)送的數(shù)據(jù)；contentType，請(qǐng)求的contentType頭；header，Object對(duì)象，附加的請(qǐng)求頭。
　　　　$.ajaxf.get(url, data, callback, type)
　　　　通過get方式獲取數(shù)據(jù)
　　　　$.ajaxf.post(url, data, callback, type)
　　　　通過post方式獲取數(shù)據(jù)
　　下面幾個(gè)大家一看名稱就知道函義就不多做解釋
　　　　$.ajaxf.getText(url, data, callback)
　　　　$.ajaxf.getJSON(url, data, callback)
　　　　$.ajaxf.getScript(url, data, callback)
　　　　$.ajaxf.postJSON(url, data, callback)
　　　　$.ajaxf.postText(url, data, callback)
　　
　　下面演示一下如何獲取獲取優(yōu)酷首頁(yè)的HTML代碼。

復(fù)制代碼代碼如下:

 
<script type="text/javascript"> 
$(document).ready(function() { 
$.ajaxf.install('/Files/zsea/flash4ajax.swf'); 
$("#fdemo_get").click(function() { 
$.ajaxf.getText("http://www.youku.com/", '', function(r) { 
$("#fdemo").val(r); 
}); 
}); 
}); 
</script> 

<textarea id='fdemo' style='width: 500px; height: 300px;'></textarea> 
<br /> 
<input type="button" value="獲取數(shù)據(jù)" id='fdemo_get' /> 