在Ajax中使用Flash實現跨域數據讀取的實現方法

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

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

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

復制代碼代碼如下:

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

　　　　3、調用方法獲取遠程數據。

　　下面詳細說一下插件所提供的方法：
　　　　$.ajaxf.install(swfpath)
　　　　安裝Flash到頁面，可指定Flash的路徑。
　　　　$.ajaxf.ready(function(){})
　　　　Flash加載完后執(zhí)行的函數。
　　　　$.ajaxf.isReady()
　　　　返回Flash是否已經加載完成。返回值為Boolean
　　　　$.ajaxf.ajax(p)
　　　　原生的ajax調用支持，p為一個對象，包括：callback，回調函數；type，方法類型，支持json,text,xml,script；url，讀取數據的地址；method，請求的方法，支持get,post；data，發(fā)送的數據；contentType，請求的contentType頭；header，Object對象，附加的請求頭。
　　　　$.ajaxf.get(url, data, callback, type)
　　　　通過get方式獲取數據
　　　　$.ajaxf.post(url, data, callback, type)
　　　　通過post方式獲取數據
　　下面幾個大家一看名稱就知道函義就不多做解釋
　　　　$.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)酷首頁的HTML代碼。

復制代碼代碼如下:

 
<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="獲取數據" id='fdemo_get' /> 