ajax 异步修改 小白一个

使用的技术是 php 后端 +ajax 实现修改

<form class="form-horizontal" role="form" id="validation-form-edit" onclick="return false" action="" method="post">
                            <input type="hidden" name="_METHOD" value="PUT">
                            <input type="hidden" id="id" name="id" value="<?php echo $data['role']['id'] ?>">
                            <div class="col-xs-12 col-sm-6 col-md-4 col-lg-3" >
                                <div class="form-group supplier">
                                    <label class="col-sm-4 control-label no-padding-right" for="name"> 姓名 </label>
                                    <div class="col-sm-8">
                                        <div class="prefix">
                                            <input type="text" name="name" id="name" placeholder="姓名" value="<?php echo $data['role']['name']?>" class="col-xs-12 col-sm-12 input-sm" />
                                        </div>
                                    </div>
                                </div>
                            </div>


                            <div class="col-xs-12 col-sm-6 col-md-4 col-lg-3">
                                <div class="form-group supplier">
                                    <label class="col-sm-4 control-label no-padding-right" for="age"> 年龄 </label>
                                    <div class="col-sm-8">
                                        <div class="prefix">
                                            <input type="text" name="age" id="age" placeholder="配置规格" value="<?php echo $data['role']['age']?>" class="col-xs-12 col-sm-12 input-sm" />
                                        </div>
                                    </div>
                                </div>
                            </div>



                            



                            <div class="col-xs-12 col-sm-6 col-md-4 col-lg-3" >
                                <div class="form-group supplier">
                                    <label class="col-sm-4 control-label no-padding-right" for="stock"> 库存 </label>
                                    <div class="col-sm-8">
                                        <div class="prefix">
                                            <input type="text" name="stock" id="stock" placeholder="库存" value="<?php echo $data['role']['stock'];?>" class="col-xs-12 col-sm-12 input-sm" />
                                        </div>
                                    </div>
                                </div>
                            </div>



                            <div class="col-xs-12 col-sm-6 col-md-4 col-lg-3"  >
                                <div class="form-group supplier">
                                    <label class="col-sm-4 control-label no-padding-right" for="license"> 车牌号 </label>
                                    <div class="col-sm-8">
                                        <div class="prefix">
                                            <input type="text" name="license" id="license" placeholder="车牌号" value="<?php echo $data['role']['license'];?>" class="col-xs-12 col-sm-12 input-sm" />
                                        </div>
                                    </div>
                                </div>
                            </div>
                            



                            <div class="col-xs-12 col-sm-6 col-md-4 col-lg-3" >
                                <div class="form-group supplier">
                                    <label class="col-sm-4 control-label no-padding-right" for="phone"> 手机号 </label>
                                    <div class="col-sm-8">
                                        <div class="prefix">
                                            <input type="text" name="phone" class="phone" placeholder="手机号" value="<?php echo $data['role']['phone'];?>" class="col-xs-12 col-sm-12 input-sm" />
                                        </div>
                                    </div>
                                </div>
                            </div>
                                            
                            <div class="col-xs-12 col-sm-12 col-md-12 col-lg-12">
                                <div class="clearfix form-actions">
                                    <div class="col-md-offset-3 col-md-9">
                                        <button class="btn btn-sm  pull-right" type="reset">
                                            <i class="ace-icon fa fa-undo bigger-110"></i>
                                            重置
                                        </button>
                                        <span class="pull-right">　</span>
                                        <button class="btn btn-sm btn-info  pull-right" id="ace_submit" >
                                            <i class="ace-icon fa fa-check bigger-110"></i>
                                            保存
                                        </button>
                                    </div>
                                </div>  
                            </div>



                        </form>

ajax 接口

$("#ace_submit").on('click',function(){
        var id   =$('#id').val();
        var name = $('#name').val();    
        var age = $('#age').val();
        var stock = $('#stock').val();
        var license= $('#license').val();
        var phone = $('.phone').val();
        $.ajax({
            async: true,
            type: "post",
            dataType: "json",
            data:{id:id,name:name,'age':age,'stock':stock,'license':license,'phone':phone},
            url: "<?php echo $root;?>/api/ahaoCial",
            success: function(res) {
                if(res.flag==1){
                    layer.msg(res.msg, {icon: 6});
                }else{
                    layer.msg(res.msg, {icon: 5});                        
                }
            }
        });
    })

后端接收数据并修改

  //修改基本信息
    public static function ahaoCial()
    {
        $req = self::app()->request();
        // 接收参数
        $id = $req->post('id');
        $name = $req->post('name');
        $age = $req->post('age');
        $stock = $req->post('stock');
        $license=$req->post('license');
        $phone=$req->post('phone');
        // var_dump($name,$age,$stock,$license,$phone);exit;
        self::db()->bind('name',$name);
        self::db()->bind('id',$id);
        self::db()->bind('age',$age);
        self::db()->bind('stock',$stock);
        self::db()->bind('license',$license);
        self::db()->bind('phone',$phone); 
        $update = self::db()->query("update ahao set phone=:phone,name=:name,age=:age,stock=:stock,license=:license where id=:id ");
        if($update)
        {
            $data= array(
                'flag'  => 1,
                'msg'   => '编辑成功',
                'id'    => $id
            );
            return $data;
        }else
        {
            $data= array(
                'flag'  => 0,
                'msg'   => '编辑失败',
                'id'    => $id
            );
            return $data;
        }
    }