程序師世界是廣大編程愛好者互助、分享、學習的平台,程序師世界有你更精彩!
首頁
編程語言
C語言|JAVA編程
Python編程
網頁編程
ASP編程|PHP編程
JSP編程
數據庫知識
MYSQL數據庫|SqlServer數據庫
Oracle數據庫|DB2數據庫
 程式師世界 >> 編程語言 >> .NET網頁編程 >> ASP.NET >> 關於ASP.NET >> asp.net結合html,javascript實現無刷新跨域數據提交

asp.net結合html,javascript實現無刷新跨域數據提交

編輯:關於ASP.NET

需求:

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

  1. 上一頁:
  2. 下一頁:
Copyright © 程式師世界 All Rights Reserved