四種參數(shù)傳遞的形式——URL,超鏈接,js,form表單
什么時候用GET, 查,刪
什么時候用POST,增,改 (特列:登陸用Post,因為不能讓用戶名和密碼顯示在URL上)
4種get傳參方式
<html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/> <title></title> <script type="text/javascript"> function Go() { window.location.href="localhost:21811/Handler1.ashx?id=1&name='abc'" } </script> </head> <body> <!--//參數(shù)傳遞的幾種形式--> <!--第一種:直接在URL后面加參數(shù):--> localhost:21811/Handler1.ashx?id=1&name="abc" <!--第二種:用超鏈接的方法傳遞參數(shù):當(dāng)點擊超鏈接的時候,首先會跳轉(zhuǎn)到localhost:21811/Handler1.ashx頁面,然后還會傳遞id 和name 兩個參數(shù)過去--> <a href="localhost:21811/Handler1.ashx?id=1&name='abc'">超鏈接傳遞參數(shù)</a></body> <!--第三種:通過js方法傳遞:用戶點擊這個button按鈕,觸發(fā)onClick事件,執(zhí)行Go()方法,跳轉(zhuǎn)到localhost:21811/Handler1.ashx頁面,同時傳遞了id,和name兩個參數(shù)過去--> <input type="button" onclick="Go()" value="通過js方法傳遞參數(shù)" /> <!--第四種:通過form表單傳遞--> <form action="Handler1.ashx" method="get"><!--注意action里面的連接不能帶參數(shù)的-->> <input type="text" name="id" value="3" /> <input type="text" name="name" value="abc" /> <input type="submit" value="通過傳遞參數(shù)" /> </form> </body> </html>
通過以上具體的實現(xiàn)代碼,希望對大家理解這四種參數(shù)傳遞有所幫助。
相關(guān)文章
JavaScript DOM 學(xué)習(xí)第二章 編輯文本
在這一章我會給出一個在CMS里非常有用的更新頁面的代碼。在任一段落點擊鼠標(biāo)你就可以修改了。完成以后點擊按鈕,修改的文本就顯示了。2010-02-02基于JavaScript自定義構(gòu)造函數(shù)的詳解說明
本篇文章小編為大家介紹,基于JavaScript自定義構(gòu)造函數(shù)的詳解說明。需要的朋友參考下2013-04-04JavaScript中的prototype原型學(xué)習(xí)指南
這篇文章主要介紹了JavaScript中的prototype原型學(xué)習(xí)指南,包括原型鏈與原型繼承等重要知識,需要的朋友可以參考下2016-05-05JavaScript入門教程(9) Document文檔對象
Document文檔對象是JavaScript中window和frames對象的一個屬性,是顯示于窗口或框架內(nèi)的一個文檔。2009-01-01在JavaScript中處理數(shù)組之reverse()方法的使用
這篇文章主要介紹了在JavaScript中處理數(shù)組之reverse()方法的使用,是JS入門學(xué)習(xí)中的基礎(chǔ)知識,需要的朋友可以參考下2015-06-06javascript的delete運算符知識點總結(jié)
在本篇文章里小編給大家分享的是關(guān)于JS中delete運算符的基礎(chǔ)知識點,有需要的朋友們跟著學(xué)習(xí)下。2019-11-11JavaScript創(chuàng)建對象的七種方式全面總結(jié)
這篇文章主要介紹了JavaScript創(chuàng)建對象的七種方式,工廠模式,構(gòu)造函數(shù)模式,原型模式等分別在本文中做出了講解,具體操作步驟大家可查看下文的詳細講解,感興趣的小伙伴們可以參考一下。2017-08-08