aspNet中get接受数据的方式

最新推荐文章于 2021-07-19 15:11:01 发布

转载最新推荐文章于 2021-07-19 15:11:01 发布 · 145 阅读

0 ·

CC 4.0 BY-SA版权

原文链接：http://www.cnblogs.com/nqsan/p/3247214.html

文章标签：

#xhtml #javascript #ViewUI

本文介绍了一个简单的HTML页面示例，该页面使用JavaScript实现按钮点击后的页面跳转功能，并通过GET方法传递参数。文章展示了如何设置按钮点击事件以及如何在点击后将文本框中的值作为参数传递。

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <title></title>
    <script type="text/javascript">
        //加载
        window.onload = function () {
            //btn点击事件
            document.getElementById('btn').onclick = function () {
                //设置文本框中的值
                var txt = document.getElementById('txt').value;

                window.location.href = "Search.ashx?nameofzjx=" + txt;//?后面的参数是自己设定的,在ashx页面request会请求会用到这个参数,加上携带的txt否则没有值.
            }
        }

    </script>
</head>
<body>
   //1.获取到数据方式一
   <a href="qqmsg.gif">test</a>
   //2方式二
    <form action="Search.ashx" method="get">
    <input type="text" name="nm" value=" " />
    <input type="submit" />
    </form>
    //3.方式三用原生javascript做.
    <input type="text" id="txt"/>
    <input type="button" id="btn" value ="get"/>
</body>
</html>