问题描述

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代码
});
})
})

兑换码

解决方案三：

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

解决方案四：

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

相关文章

• asp.net 实现无刷新验证码无法显示
• jquery-php jQuery MySQL中文乱码
• jquery-JQuery无刷新添加spanl时怎么获取新增spanl的id
• asp.net-如何实现异步刷新...............................
• ajax-Jquery Mobile Ajax ASP.NET控件 无刷新页面查询，添加，修改，删除
• 前端-jquery.validate两个页面不能同时验证
• ajax如何实现数据更新
• SERVLET+AJAX如何按类别无刷新分页?请大侠赐教,在线等.
• spring-项目中ajax返回值的问题
• 代码-ajax实现页面部分刷新，高分求助

【云栖快讯】2017互联网超级工程阿里双11完美落幕，交易额突破1682亿，但阿里工程师如何玩转“超级工程”，背后黑科技又是如何？12月13-14日，12位大咖直播分享揭秘1682亿背后技术实践，马上预约  详情请点击

热门推荐

• 高性能云服务器2折起
• 云服务器配置
• 技术资料
• 云计算
• 域名
• shell
• node.js
• 问答
• java
• mysql
• C++
• python
• jQuery
• Android
• asp
• PHP技巧
• jQuery教程
• JavaScript技巧
• JS
• SEO
• sql server
• mysql教程
• 前端
• 技术文集
• 技术
• 主题地图
• A
• z
• 云服务器哪家好
• API
• 大数据
• 云安全
• 云存储
• 云计算
• 获取公众号授权失败
• 兼容性疑难解答
• path
• stm32
• jsonobject
• product

前三篇

• gcc-一段代码编译的问题！CCC CLang Visual C++
• android 数据库崩溃问题
• 网站建设-像百度文库这样的资源区，是如何记录每个文档的下载量的

后三篇

• c++-MFC对话框程序通过按钮弹出子对话框，如何初始化子窗口
• opengl-创建窗口过程中的问题
• file-关于命令提示符使用cl的问题（Microsoft Visual Studi）

(yq.aliyun.com)为您免费提供jquery-php jQuery 实现无刷新验证问题相关信息，包括
jquery
php
的信息
，所有jquery-php jQuery 实现无刷新验证问题相关内容均不代表的意见！
该页面h5页面的地址是：https://m.aliyun.com/yunqi/wenzhang/show_58018，您可以点击jquery-php jQuery 实现无刷新验证问题-手机站访问。