第一次使用AJAX。

直接上代码，后面讲下我的体会

HTML页面的代码

<script type="text/javascript">
        $(function() {
                  $("#txtCardNo").blur(function() {                   //TextBox失去焦点时触发
                $.ajax(
            {
                type: "GET",       //还有一个POST，Post传的是表单。GET也可以回传。
                cache:false,       //不从缓存里面取值
                url: "AccountRecharge.aspx",//数据来源和输出的页面
                data: "cardNo=" + $("#txtCardNo").val(),   // 传到后台的值，Request【“cardNo”】能取到$("#txtCardNo").val()
                beforeSend: function(XMLHttpRequest) {    //这是一个AJAX事件，字面意思是在发送数据前运行的方法。
                    $("#showResult").text("正在查询...");                     
                },
                success: function(data) {   //这个Data是后台传过来的值，为字符串类型
                    if (data == "false") {
                        $("#showResult").html("卡号错误");
                        $("#showResult").css("color", "red");
                    }
                    else {
                        $("#showResult").html("卡号正确");
                        $("#showResult").css("color", "green");
                    }
                }
            })
            });
        });

</script>

   <input type="text" name="cardNo" class="graybgborder" id="txtCardNo" runat="server" /><div id="showResult" style="float: right">

  后台代码

 protected void Page_Load(object sender, EventArgs e)
    {

        if (Request["cardNo"] != "" && Request["cardNo"] != null) 
        {
            cardno = SQLUtil.GetString("select cardCode from serv_rechargeableCard where cardCode='" + Request["cardNo"] + "'");
            ValidateCardNo();
        }

    }

    protected void ValidateCardNo()
    {

        if (cardno == "")
        {
            Response.Write("false");   //我的理解是发送值到前台
            Response.End();         //防止传回HTML页面的其他代码s

        }
        else
        {
            Response.Write("true");
            Response.End();
        }

    }

我的自学贴，哪里理解错误欢迎大家指正。

转载于:https://www.cnblogs.com/lee3344/archive/2011/03/10/1980073.html