- php jQuery 实现无刷新验证问题
-
前台要实现：焦点移出输入框，自动去验证卡券，并把验证结果无刷新返回到提示框中
现在的问题就是，在前台的页面代码$(document).ready(function(){ //DOM的onload事件处理函数 $("#button").click(function(){ //当按钮button被点击时的处理函数 postdata(); //button被点击时执行postdata函数 }); }); function postdata(){ //提交数据函数 $.ajax({ //调用jquery的ajax方法 type: "POST", //设置ajax方法提交数据的形式 url: "checkCard.php", //把数据提交到checkCard.php data: "codeno="+$("#codeno").val(), //交的数据 success: function(msg){ //提交成功后的回调，msg变量是checkCard.php输出的内容。 $('check').innerHTML+=msg; //alert("数据提交成功"); //如果有必要，可以把msg变量的值显示到某个DIV元素中 } }); }前台显示区域：
<div class="contact-input"> <label>兑换码</label><br> <input type="text" name="codeno"> <input type="submit" name="button" id="button" value="WX" /> <div id="check"></div> </div>就是不成功啊，详细可见
http://bbs.csdn.net/topics/391014234?page=1#post-399081723
谢谢大家
$.post("postCard.php?codeno="+$("#codeno").val(),
你参数放url后面是get请求，要用$_GET，用$_POST应该是
$.post("postCard.php",{codeno:$("#codeno").val()},function()...
$(function(){
$("#codeno").blur(function(){ //文本框鼠标焦点消失事件
$.post("postCard.php?codeno="+$("#codeno").val(),null,function(data) //post方式按需求调整，其他无需修改使用方式一样
{
$("#chk").html(data); //向ID为chk的元素内添加html代码
});
})
})
兑换码
成功了，谢谢大家
