ajax表单传值

最新推荐文章于 2023-11-15 20:51:09 发布

原创最新推荐文章于 2023-11-15 20:51:09 发布 · 2.1k 阅读

0 ·

本内容遵循CC 4.0 BY-SA版权协议

JQuery 专栏收录该内容

28 篇文章

订阅专栏

开发板推荐：天空星STM32F407VET6开发板

超高性价比 STM32主控 | 超高主频 | 一板兼容百芯 | 比赛神器 | 沉金彩色丝印

点击查看

</pre><p></p><p><pre name="code" class="html"><html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
    <title></title>
    <script src="jquery-1.8.2.min.js" type="text/javascript"></script>
    <script type="text/javascript">
        function SetTest() {
            $.ajax({
                type: "POST",
                url: "Handler1.ashx?UserId=xing123",
                data: $('#xingForm').serialize(),
                success: function (msg) {
                    $("#myDiv").html("<h1>" + msg + "</h1>");
                }
            });
        }
    </script>
</head>
<body>
    <form id="xingForm" runat="server">
    <div id="myDiv"></div>
    <div>
        <input id="Text1" name="txtName" type="text" />
        <input id="Button1" type="button" value="测试" onclick="SetTest()" />
        <input type="hidden" name="txtHidden" value="哈哈" />
    </div>
    </form>
</body>
</html>

Handler1.ashx

            context.Response.ContentType = "text/plain";

            string strUser=context.Request["UserId"];//url传值
            string strName=context.Request.Params["txtName"];//form表单传值
            string strHidden = context.Request.Params["txtHidden"];//form表单传值

            context.Response.Write("Hello World");

开发板推荐：天空星STM32F407VET6开发板

超高性价比 STM32主控 | 超高主频 | 一板兼容百芯 | 比赛神器 | 沉金彩色丝印

点击查看