四種參數傳遞的形式－URL，超鏈接，js，form表單

四種參數傳遞的形式－URL，超鏈接，js，form表單_基礎知識

WBOY

發布： 2016-05-16 15:49:22

原創

2262 人瀏覽過

何時用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&#63;id=1&name='abc'" 
    } 
  </script> 
</head> 
<body> 
 
  <!--//参数传递的几种形式--> 
  <!--第一种：直接在URL后面加参数：--> 
  localhost:21811/Handler1.ashx&#63;id=1&name="abc" 
 
 
  <!--第二种：用超链接的方法传递参数：当点击超链接的时候，首先会跳转到localhost:21811/Handler1.ashx页面，然后还会传递id 和name 两个参数过去--> 
  <a href="localhost:21811/Handler1.ashx&#63;id=1&name='abc'">超链接传递参数</a></body> 
 
  <!--第三种：通过js方法传递:用户点击这个button按钮，触发onClick事件，执行Go()方法，跳转到localhost:21811/Handler1.ashx页面，同时传递了id，和name两个参数过去--> 
  <input type="button" onclick="Go()" value="通过js方法传递参数" /> 
 
   
  <!--第四种：通过form表单传递--> 
  <form action="Handler1.ashx" method="get"><!--注意action里面的连接不能带参数的-->> 
    <input type="text" name="id" value="3" /> 
    <input type="text" name="name" value="abc" /> 
    <input type="submit" value="通过传递参数" /> 
  </form> 
</body> 
</html>

登入後複製

透過以上具體的實作程式碼，希望對大家理解這四種參數傳遞有所幫助。