您的位置:首页 > Web前端 > JQuery

PHP用jQuery实现无刷新验证

2015-04-10 00:21 525 查看
<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>


PHP代码:

$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
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: