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
谢谢大家

4个回答

$.post("postCard.php?codeno="+$("#codeno").val(),

你参数放url后面是get请求,要用$_GET,用$_POST应该是


$.post("postCard.php",{codeno:$("#codeno").val()},function()...
hansoy
单单P 是这个问题,谢谢指点,记下了!
接近 5 年之前 回复

用fiddler调试下,看看返回的json是否正确

hansoy
单单P postCard.php里面应该是$codeno = $_GET[codeno];,我之前用了POST,弱智了,现在好了
接近 5 年之前 回复
$(function(){ 
$("#codeno").blur(function(){ //文本框鼠标焦点消失事件 
$.post("postCard.php?codeno="+$("#codeno").val(),null,function(data) //post方式按需求调整,其他无需修改使用方式一样 
{ 
$("#chk").html(data); //向ID为chk的元素内添加html代码 
}); 
}) 
})
兑换码

成功了,谢谢大家

使用ajax发送请求验证,然后再使用解析返回的数据插入到dom中

Csdn user default icon
上传中...
上传图片
插入图片
抄袭、复制答案,以达到刷声望分或其他目的的行为,在CSDN问答是严格禁止的,一经发现立刻封号。是时候展现真正的技术了!
立即提问