需求:
A域有頁面a.html,其中有iframe包含B域的頁面b.html,現在要通過a.html上的一個按鈕,來把a.html頁面上一個文本框的值傳遞到b.html頁面的文本框。
注:這裡b.html是html網頁,不能接收其他網站post過來的值,所以不能用直接post的方法來傳值,但是,如果接收頁面是b.aspx或者b.asp 呢,那不是可以直接post了麼?答案是肯定的,確實可以,但是b.asp或b.aspx必須要刷新,才可以,如何能不刷新的動態改變接收頁的元素或者值呢?(IE的本地項目是可以實現跨域訪問的,但是外網的跨域訪問默認是被拒絕的。FireFox本地項目以及外網的跨域訪問都是被拒絕的。)
原理:
浏覽器禁止跨域數據訪問,但是浏覽器並沒有禁止跨域跨框架的post傳值。我們可以在A域,post到B域的某個頁面的框架中,然後通過B域的框架頁來實現本域內的數據訪問。這其實是html應用中的一個小技巧,並沒有用到其他高深的知識就實現了跨域的數據提交。
方法:
在B域中添加兩個頁面,來實現跨域的數據訪問,post.aspx和main.aspx。
頁面關系如下,A域的a.html包含一個框架,框架頁地址是B域的main.aspx,main.aspx是一個框架集包含兩個框架,(frmMain)b.html 和(frmPost)post.aspx.
A域的a.html:
<form action="http://www.b**.com/post.aspx" method="post" target="frmPost">
<input id="cmd" type="text" size="20">
<input type="submit">
</form>
<iframe src="http://www.b**.com/main.aspx"></iframe>
B域的main.aspx:
<frameset rows="*,0" frameborder="no" border="0" framespacing="0">
<frame src="b.html" name="frmMain">
<frame src="post.aspx" name="frmPost">
</frameset>
我們先把要傳遞到B域的數據保存到a.html的form中,然後post到B域的post.aspx.
這時post.aspx接收到值,然後執行本域內的父框架訪問b.html。
string cmd = Request.Form["cmd"];
if (null != cmd && string.Empty != cmd)
{
Response.Write("<script language=\"JavaScript\" for=\"window\" event=\"onload\"> if (parent && parent.frames[\"frmMain\"]) { 這裡添加控制b.html的執行代碼} </script> ");
}
不難發現,這裡利用跳躍跨frame(即中間躍過了一層frame)的方法,來實現跨域的數據訪問。即post到frame的子frame裡面。
後記:
這個例子不過是一些特殊的情況下跨域訪問的解決方案,也許對你會有所幫助。因為方法簡單,應用也就有很多局限性。(不過偶倒是覺得這樣很象ajax哦,頁面沒有刷新,同樣完成了一次服務端的數據處理^o^)。