asp.net結合html,javascript實現無重新整理跨域資料提交

來源:互聯網
上載者:User

需求:

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^)。

聯繫我們

該頁面正文內容均來源於網絡整理,並不代表阿里雲官方的觀點,該頁面所提到的產品和服務也與阿里云無關,如果該頁面內容對您造成了困擾,歡迎寫郵件給我們,收到郵件我們將在5個工作日內處理。

如果您發現本社區中有涉嫌抄襲的內容,歡迎發送郵件至: info-contact@alibabacloud.com 進行舉報並提供相關證據,工作人員會在 5 個工作天內聯絡您,一經查實,本站將立刻刪除涉嫌侵權內容。

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

  • Sales Support

    1 on 1 presale consultation

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.