ホームページ >ウェブフロントエンド >jsチュートリアル >パラメータ転送の4つの形式 - URL、ハイパーリンク、js、フォーム_基礎知識
パラメータ転送の4つの形式 - URL、ハイパーリンク、js、フォーム_基礎知識
- WBOYオリジナル
- 2016-05-16 15:49:222350ブラウズ
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?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>
上記の具体的な実装コードを通じて、これら 4 つのパラメータ転送を皆さんが理解するのに役立つことを願っています。
声明：
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。