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
相关文章推荐
- Jquery中的AJax技术结合PHP实现无刷新验证验证码
- php jquery无刷新验证帐号,验证email
- JQuery实现用户名无刷新验证的小例子
- php+jquery+ajax实现用户名验证
- php+jquery+ajax实现用户名验证
- php+jQuery+Ajax简单实现页面异步刷新
- ajax+javascript+php实现注册用户名无刷新验证
- PHP + Jquery 实现异步传输验证
- PHP + bootstrap modal + jQuery实现页面刷新
- php jquery的无刷新验证和提交
- php+JQuery+Ajax简单实现页面异步刷新 (转)
- 使用jQuery实现无刷新效果验证用户名
- PHP jQuery表单,带验证具体实现方法
- php+JQuery+Ajax简单实现页面异步刷新
- php jquery 实现新闻标签分类与无刷新分页
- jQuery+php+mysql,轻松实现ajax无刷新省市二级联动
- jquery无刷新验证邮箱地址实现实例
- php+jquery+ajax实现用户名验证
- php+jquery+html实现点击不刷新加载更多的实例代码
- php+jQuery+Ajax简单实现页面异步刷新