第一次使用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();
}
}
我的自学贴,哪里理解错误欢迎大家指正。