基于Get的AJAX

最新推荐文章于 2022-10-13 23:19:32 发布

klbbdragon

最新推荐文章于 2022-10-13 23:19:32 发布

阅读量237

点赞数

分类专栏： JQuery

本文链接：https://blog.csdn.net/klbbdragon/article/details/8178212

版权

JQuery 专栏收录该内容

2 篇文章 0 订阅

订阅专栏

Default.aspx页面

<script src="js/jquery.js" type="text/javascript"></script>  
<script language="javascript">
            $(document).ready(function() {
                $("#txtNoOfTicketsByGet").change(function() {
                    $("#Error1").html("");
                    var ticketsReq = $("#txtNoOfTicketsByGet").val();
                    $.get("GetTicks.aspx", function(result) {
                        var ticketsavailable = parseInt(result);
                        if (ticketsReq > ticketsavailable) {
                            $("#Error1").html("每个人只最多只能使用 " + ticketsavailable + "张!");
                        }
                    });
                });
            });
        </script>

<body>
    <form id="form1" runat="server">
    <div>     
    <div id="TicketsByGET">
    票数:<asp:TextBox ID="txtNoOfTicketsByGet" runat="server"></asp:TextBox>
     <div id="Error1" style="color:Red;"></div> 
     </div>   
    </div>
    </form>
</body>

GetTicks.aspx页面后台：

protected void Page_Load(object sender, EventArgs e)
    {
        int NoOfTicketsAvailable = 5;
        Response.Write(NoOfTicketsAvailable.ToString());
        Response.End();

    }