单单P
2015-04-09 15:45
采纳率: 50%
浏览 2.0k
已采纳

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()...
    点赞 打赏 评论
  • 单单P 2015-04-09 16:07
    $(function(){ 
$("#codeno").blur(function(){ //文本框鼠标焦点消失事件 
$.post("postCard.php?codeno="+$("#codeno").val(),null,function(data) //post方式按需求调整，其他无需修改使用方式一样 
{ 
$("#chk").html(data); //向ID为chk的元素内添加html代码 
}); 
}) 
})
    兑换码

    成功了，谢谢大家

    点赞 打赏 评论
  • devmiao 2015-04-09 17:34

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

    点赞 打赏 评论
  • Chrisdowson 2015-04-27 03:15

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

    点赞 打赏 评论
提交

相关推荐