パラメータ転送の4つの形式 - URL、ハイパーリンク、js、フォーム

パラメータ転送の4つの形式 - URL、ハイパーリンク、js、フォーム_基礎知識

WBOY

リリース： 2016-05-16 15:49:22

オリジナル

2261 人が閲覧しました

GET、検索、削除を使用する場合

POST を使用するタイミング、追加、変更 (特別: ユーザー名とパスワードは URL に表示できないため、POST を使用してログインします)

パラメータを取得する 4 つの方法

<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>

ログイン後にコピー

上記の具体的な実装コードを通じて、これら 4 つのパラメータ転送を皆さんが理解するのに役立つことを願っています。