純html頁(yè)面如何提交、傳遞參數(shù)、以及對(duì)身份進(jìn)行驗(yàn)證
發(fā)布時(shí)間:2013-08-08 15:27:16 作者:佚名
我要評(píng)論

要求必須是純html標(biāo)簽,單純的html頁(yè)面如何提交,傳遞參數(shù),以及對(duì)身份的驗(yàn)證,下面就與大分享下上述一系列是如何實(shí)現(xiàn)的,有此需求的朋友可以參考下,希望對(duì)大家有所幫助
由于項(xiàng)目需要做一套調(diào)查問卷,但客戶要求調(diào)查問卷的題目,必須是純html標(biāo)簽,于是就面臨著一系列的問題
1頁(yè)面如何提交
用戶做完了調(diào)查問卷,調(diào)查的結(jié)果如何提交?
2如何給頁(yè)面?zhèn)鬟f參數(shù)
同一個(gè)調(diào)查問卷,多個(gè)人提交后,管理人員查看調(diào)查問卷,如何傳遞參數(shù),保證看到的數(shù)據(jù)是指定某一個(gè)人的調(diào)查問卷。其實(shí)這個(gè)問題,在asp.net中使用最簡(jiǎn)單的查詢字符串就可以解決,但在純html中,如何傳遞參數(shù)?
3如何驗(yàn)證用戶身份
在用戶登陸后,才能答卷,如何驗(yàn)證用戶是否登錄呢?
整個(gè)系統(tǒng)都使用html實(shí)現(xiàn)?能完成嗎?似乎不行,畢竟提交的數(shù)據(jù)需要保存到數(shù)據(jù)庫(kù)中,這個(gè)恐怕不是純html可以完成的。
所以基本思路就是前臺(tái)全部使用html靜態(tài)網(wǎng)頁(yè),但后臺(tái)卻必須使用csharp代碼配合。
1頁(yè)面如何提交
其實(shí)純html可以提交,主要是通過(guò)標(biāo)簽form。
例如如下代碼,在提交到savedata.aspx后,就可以獲得用戶輸入的所有的數(shù)據(jù),在進(jìn)行處理后保存到數(shù)據(jù)庫(kù),可以通過(guò)ajax提交,也可以通過(guò)input的 type為submit的標(biāo)簽提交。
<input type="submit" value="Submit" />
<form action="savedata.aspx" method="post">
<p>First name: <input type="text" name="fname" /></p>
<p>Last name: <input type="text" name="lname" /></p>
<input type="submit" value="Submit" />
</form>
2如何給頁(yè)面?zhèn)鬟f參數(shù)
在asp.net中給頁(yè)面?zhèn)鬟f參數(shù)其實(shí)最簡(jiǎn)單就是通過(guò)查詢字符串,但純html了網(wǎng)頁(yè)是靜態(tài)網(wǎng)頁(yè),沒有對(duì)應(yīng)頁(yè)面的后臺(tái),如何傳遞參數(shù)
例如同一套問卷,張三,李四都解答了問卷,管理員要查看張三的問卷,如何把張三的答案重新賦值給問卷的試題?
由于html是是靜態(tài)頁(yè)面,想要讀取數(shù)據(jù),就必須通過(guò)ajax動(dòng)態(tài)讀取答案,然后再修改靜態(tài)頁(yè)面。但如何傳遞表示某一個(gè)人的參數(shù)呢?
其實(shí)還是通過(guò)查詢字符串,但分析查詢字符串的方法從后臺(tái)變?yōu)榍芭_(tái),變成了通過(guò)js去分析查詢字符串,然后通過(guò)ajax讀取數(shù)據(jù)。
function QueryString(name )
{
var sURL = window.location.search
var re = new RegExp("" +name+ "=([^&?]+)", "ig");
var result= re.exec(sURL);
if(result)
{
var temp= result[0].split('=');
return temp[1] ;
}
else
{
return "";
}
}
當(dāng)然還有一種方法,因?yàn)樽x取數(shù)據(jù)是要通過(guò)后臺(tái)的,所以可以根據(jù)Session中的信息來(lái)獲取參數(shù),但如果Session中沒有相關(guān)信息,就只能通過(guò)通過(guò)查詢字符串的方式了。
例如此處的例子,就只能通過(guò)查詢字符串的方式了。
3如何驗(yàn)證用戶身份
既然整個(gè)系統(tǒng)沒有辦法只是用html完成,前臺(tái)展示是純html,后臺(tái)是csharp代碼,自然也就存在Session,當(dāng)然也就可以驗(yàn)證用戶身份了。如果需要判斷靜態(tài)的html頁(yè)面是否過(guò)期,可以通過(guò)ajax調(diào)用后臺(tái)方法,根據(jù)Session是否存在判斷用戶是否登錄以及是否過(guò)期等判斷。
1頁(yè)面如何提交
用戶做完了調(diào)查問卷,調(diào)查的結(jié)果如何提交?
2如何給頁(yè)面?zhèn)鬟f參數(shù)
同一個(gè)調(diào)查問卷,多個(gè)人提交后,管理人員查看調(diào)查問卷,如何傳遞參數(shù),保證看到的數(shù)據(jù)是指定某一個(gè)人的調(diào)查問卷。其實(shí)這個(gè)問題,在asp.net中使用最簡(jiǎn)單的查詢字符串就可以解決,但在純html中,如何傳遞參數(shù)?
3如何驗(yàn)證用戶身份
在用戶登陸后,才能答卷,如何驗(yàn)證用戶是否登錄呢?
整個(gè)系統(tǒng)都使用html實(shí)現(xiàn)?能完成嗎?似乎不行,畢竟提交的數(shù)據(jù)需要保存到數(shù)據(jù)庫(kù)中,這個(gè)恐怕不是純html可以完成的。
所以基本思路就是前臺(tái)全部使用html靜態(tài)網(wǎng)頁(yè),但后臺(tái)卻必須使用csharp代碼配合。
1頁(yè)面如何提交
其實(shí)純html可以提交,主要是通過(guò)標(biāo)簽form。
例如如下代碼,在提交到savedata.aspx后,就可以獲得用戶輸入的所有的數(shù)據(jù),在進(jìn)行處理后保存到數(shù)據(jù)庫(kù),可以通過(guò)ajax提交,也可以通過(guò)input的 type為submit的標(biāo)簽提交。
復(fù)制代碼
代碼如下:<input type="submit" value="Submit" />
復(fù)制代碼
代碼如下:<form action="savedata.aspx" method="post">
<p>First name: <input type="text" name="fname" /></p>
<p>Last name: <input type="text" name="lname" /></p>
<input type="submit" value="Submit" />
</form>
2如何給頁(yè)面?zhèn)鬟f參數(shù)
在asp.net中給頁(yè)面?zhèn)鬟f參數(shù)其實(shí)最簡(jiǎn)單就是通過(guò)查詢字符串,但純html了網(wǎng)頁(yè)是靜態(tài)網(wǎng)頁(yè),沒有對(duì)應(yīng)頁(yè)面的后臺(tái),如何傳遞參數(shù)
例如同一套問卷,張三,李四都解答了問卷,管理員要查看張三的問卷,如何把張三的答案重新賦值給問卷的試題?
由于html是是靜態(tài)頁(yè)面,想要讀取數(shù)據(jù),就必須通過(guò)ajax動(dòng)態(tài)讀取答案,然后再修改靜態(tài)頁(yè)面。但如何傳遞表示某一個(gè)人的參數(shù)呢?
其實(shí)還是通過(guò)查詢字符串,但分析查詢字符串的方法從后臺(tái)變?yōu)榍芭_(tái),變成了通過(guò)js去分析查詢字符串,然后通過(guò)ajax讀取數(shù)據(jù)。
復(fù)制代碼
代碼如下:function QueryString(name )
{
var sURL = window.location.search
var re = new RegExp("" +name+ "=([^&?]+)", "ig");
var result= re.exec(sURL);
if(result)
{
var temp= result[0].split('=');
return temp[1] ;
}
else
{
return "";
}
}
當(dāng)然還有一種方法,因?yàn)樽x取數(shù)據(jù)是要通過(guò)后臺(tái)的,所以可以根據(jù)Session中的信息來(lái)獲取參數(shù),但如果Session中沒有相關(guān)信息,就只能通過(guò)通過(guò)查詢字符串的方式了。
例如此處的例子,就只能通過(guò)查詢字符串的方式了。
3如何驗(yàn)證用戶身份
既然整個(gè)系統(tǒng)沒有辦法只是用html完成,前臺(tái)展示是純html,后臺(tái)是csharp代碼,自然也就存在Session,當(dāng)然也就可以驗(yàn)證用戶身份了。如果需要判斷靜態(tài)的html頁(yè)面是否過(guò)期,可以通過(guò)ajax調(diào)用后臺(tái)方法,根據(jù)Session是否存在判斷用戶是否登錄以及是否過(guò)期等判斷。
相關(guān)文章
HTML實(shí)現(xiàn)頁(yè)面自動(dòng)跳轉(zhuǎn)的五種方法
本文通過(guò)五個(gè)實(shí)例給大家介紹html實(shí)現(xiàn)頁(yè)面自動(dòng)跳轉(zhuǎn)的五種方法,對(duì)html頁(yè)面跳轉(zhuǎn)相關(guān)知識(shí)感興趣的朋友一起學(xué)習(xí)吧2015-12-07HTML頁(yè)面3秒后自動(dòng)跳轉(zhuǎn)的三種常見方法
在項(xiàng)目中,我們經(jīng)常會(huì)遇到這樣一個(gè)功能:如何實(shí)現(xiàn)頁(yè)面N秒后自動(dòng)跳轉(zhuǎn)。其實(shí)方法很簡(jiǎn)單,下面小編通過(guò)本文給大家分享HTML頁(yè)面3秒后自動(dòng)跳轉(zhuǎn)的三種常見方法,對(duì)html頁(yè)面3秒后2015-12-07html頁(yè)面實(shí)現(xiàn)過(guò)兩秒跳轉(zhuǎn)至其他頁(yè)面的方法
html頁(yè)面如何實(shí)現(xiàn)過(guò)兩秒跳轉(zhuǎn)至其他頁(yè)面,在本文主要是通過(guò)refresh及URL兩個(gè)屬性實(shí)現(xiàn),具體示例代碼如下,感興趣的朋友可以參考下2013-10-22phpwind生成html頁(yè)面右下角跳轉(zhuǎn)功能問題
關(guān)鍵字描述:功能 問題 頁(yè)面 生成   value Copy code var function phpwind生成html頁(yè)面右下角跳轉(zhuǎn)功能問題 打開 template/wind/readtpl.htm 查找: Copy code2009-06-06html5 postMessage解決跨域、跨窗口消息傳遞方案
本篇文章主要介紹了html5 postMessage解決跨域、跨窗口消息傳遞方案,具有一定的參考價(jià)值,有需要的可以了解一下、2016-12-20HTML5移動(dòng)開發(fā)之路 jQueryMobile頁(yè)面間參數(shù)傳遞 中文WORD版
本文檔主要講述的是HTML5移動(dòng)開發(fā)之路 jQueryMobile頁(yè)面間參數(shù)傳遞;在單頁(yè)模版中使用基于HTTP的方式通過(guò)POST和GET請(qǐng)求傳遞參數(shù),而在多頁(yè)模版中不需要與服務(wù)器進(jìn)行通信;2016-10-31html頁(yè)面跳轉(zhuǎn)傳遞參數(shù)問題
這篇文章主要介紹了html頁(yè)面跳轉(zhuǎn)傳遞參數(shù)問題的相關(guān)資料,需要的朋友可以參考下2017-05-05