基于Post的AJAX

klbbdragon

于 2012-11-13 14:26:12 发布

阅读量283

点赞数

CC 4.0 BY-SA版权

分类专栏： JQuery

本文链接：https://blog.youkuaiyun.com/klbbdragon/article/details/8178461

JQuery 专栏收录该内容

2 篇文章

订阅专栏

本文将介绍如何利用jQuery库中的$.post方法来实现AJAX异步请求，通过改变输入框值来获取和显示数据，同时展示了错误处理机制。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

Default.aspx页面

<script src="js/jquery.js" type="text/javascript"></script>
    <script language="javascript">

        $(document).ready(function () {
            $("#txtNoOfTicketsByPOST").change(function () {
                $("#Error2").html("");
                var ticketsReq = $("#txtNoOfTicketsByPOST").val();
                $.post("GetTicksByPost.aspx", { TicReq: ticketsReq }, function (result) {
                    if (result != "") {
                        $("#Error2").html(result);
                    }
                });
            });
        });            
    </script>

<body>
    <form id="form1" runat="server">
    <div id="TicketsByPOST ">
        票数:<asp:TextBox ID="txtNoOfTicketsByPOST" runat="server"></asp:TextBox>
        <div id="Error2" style="color: Red;">
        </div>
    </div>
    </form>
</body>

GetTicksByPost.aspx页面

    protected void Page_Load(object sender, EventArgs e)
    {

        string ticReq = Request["TicReq"];
        int tics = int.Parse(ticReq);

        int NoOfTicketsAvailable = 5;
        if (tics > NoOfTicketsAvailable)
        {
            Response.Write("每人最多 " + NoOfTicketsAvailable.ToString() + "张 !");
            Response.End();
        }
    }