<script type="text/javascript" src="jquery-1.7.1.js"></script>
<script>
$(function(){
$("#codeno").blur(function(){ //文本框鼠标焦点消失事件
$.post("postCard.php",{codeno:$("#codeno").val()},function(data) //此处是post方式
{
$("#check").html(data); //向ID为check的元素内添加html代码
});
})
})
</script>
主页面代码:
<span style="white-space:pre"> </span><div class="contact-input">
<span style="white-space:pre"> </span><label>兑换码</label>
<span style="white-space:pre"> </span><input type="text" name="codeno" id="codeno">
<span style="white-space:pre"> </span><span id="check"></span>
<span style="white-space:pre"> </span></div>
$codeno = $_POST[codeno]; //这里要分清根据传值的方式,选择POST或者GET
...
<span style="white-space:pre"> </span>if ($errcode == 0) {
echo "<font color=green>恭喜,优惠券成功使用!</font>";
} else if ($errcode == 40099) {
echo "<font color=red>对不起,该优惠券已使用!</font>";
} else if ($errcode == 40056) {
echo "<font color=red>该优惠券有误,请重新扫描!</font>";
} else {
echo "<font color=red>未知的错误!</font>";
}
目标:实现兑换码输入后,焦点移出输入框,就去判断兑换码是否有效。
问题总结:
$.post("postCard.php?codeno="+$("#codeno").val(), 参数放url后面是get请求,要用$_GET
$.post("postCard.php",{codeno:$("#codeno").val()},function()... 这里用$_POST
折腾了一个晚上,终于实现了,特此记录,有空得好好学下jQuery :D