DIV CSS 佈局教程網

 DIV+CSS佈局教程網 >> 網頁腳本 >> JavaScript入門知識 >> 關於JavaScript >> 詳解參數傳遞四種形式
詳解參數傳遞四種形式
編輯:關於JavaScript     

這篇文章是在日常的工作中總結出來的,下面把四種參數傳遞的形式展示給大家。

什麼時候用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> 

  
   <!--//參數傳遞的幾種形式--> 

    <!--第一種:直接在URL後面加參數:--> 

代碼 代碼如下:
localhost:21811/Handler1.ashx?id=1&name="abc" 

    <!--第二種:用超鏈接的方法傳遞參數:當點擊超鏈接的時候,首先會跳轉到localhost:21811/Handler1.ashx頁面,然後還會傳遞id 和name 兩個參數過去--> 

    <a href="localhost:21811/Handler1.ashx?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> 

通過以上代碼的介紹,相信大家都會喜歡的。

XML學習教程| jQuery入門知識| AJAX入門| Dreamweaver教程| Fireworks入門知識| SEO技巧| SEO優化集錦|
Copyright © DIV+CSS佈局教程網 All Rights Reserved