码迷,mamicode.com
首页 > Web开发 > 详细

ajax 不使用form提交表格

时间:2017-03-12 19:35:30      阅读:255      评论:0      收藏:0      [点我收藏+]

标签:orm   phone   info   logs   random   提交   window   javascrip   cat   

html代码:

<div class="message">
            
            <div><span>工号</span><input type="text"  class="phone"><div class="clear"></div></div>
            <div><span>密码</span><input type="password"  class="password"><div class="clear"></div></div>
            <div><span>验证码</span><input type="text" class="verifys" style=" width: 188px;"><img class="verify" src="{:U(‘Index/verify‘)}" alt="验证码" onClick="this.src=this.src+‘?‘+Math.random()" />
                <div class="clear"></div></div>
            <div><div class="btn">确定</div></div>
           
           
 </div>

jquery代码

<script type="text/javascript">
                                                 
    $(".message .btn").click(function(){
        var phone = $.trim($(.message .phone).val());
        var password = $.trim($(.message .password).val());
        var verify = $.trim($(.message .verifys).val());
        $.ajax({
            type: "POST",
            url: "{:U(‘Index/staff‘)}",                       //提交给后台函数 Index 中的 staff()函数
            data: {password:password,phone: phone, verify:verify},    
            dataType: "json",
            success: function (data) {
                if( data.id ==1  ){

                    window.location.href = "{:U(‘Index/knowledge‘)}";
                }else{
                    alert(data.info);
                }
            }
        })
    });

后台函数代码 可依据自身需求写

function staff(){
    
    if( IS_AJAX ){
            
             if(I(‘post.phone‘) =="" || I(‘post.password‘) ==‘‘ ){
                         //$this->error("用户名或者密码为空!");
                 $this->ajaxReturn(array(‘id‘ =>0,‘info‘=>‘用户名或密码为空!‘ ));
            }
}

 

ajax 不使用form提交表格

标签:orm   phone   info   logs   random   提交   window   javascrip   cat   

原文地址:http://www.cnblogs.com/wlbkphp/p/6538619.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!