[php] 获取serializeArray()提交的数据并处理

serializeArray() 是jquery的一个方法用于序列化提交表单数据

序列化表格元素 (类似 '.serialize()' 方法) 返回 JSON 数据结构数据。
'''注意'''，此方法返回的是JSON对象而非JSON字符串。需要使用插件或者第三方库进行字符串化操作。
返回的JSON对象是由一个对象数组组成的，其中每个对象包含一个或两个名值对——name参数和value参数（如果value不为空的话）。举例来说：
 

[ 
    {name: 'firstname', value: 'Hello'}, 
    {name: 'lastname', value: 'World'},
    {name: 'alias'}, // this one was empty
]

HTML布局：

 

<div class="editbox hide">
    <form class="form-horizontal" method="post" autocomplete="off" data-validator-option="{theme:'yellow_right_effect',stopOnError:true}">
        <input name="id" type="hidden"/>
        <div class="form-group">
            <label class="col-lg-4 control-label">父级分类</label>
            <div class="col-lg-5">
                <select class="form-control" name="pid">

                </select>
                <span class="help-block">0表示顶级分类</span>
            </div>
        </div>
        <div class="form-group">
            <label class="col-lg-4 control-label">英文名称</label>
            <div class="col-lg-5">
                <input class="form-control" name="name" type="text" data-rule="英文名称:required;name"/>
            </div>
        </div>
        <div class="form-group">
            <label class="col-lg-4 control-label">中文名称</label>
            <div class="col-lg-5">
                <input class="form-control" name="title" type="text" data-rule="中文名称:required;title"/>
            </div>
        </div>
        <div class="form-group">
            <label class="col-lg-4 control-label">跳转链接</label>
            <div class="col-lg-5">
                <input class="form-control" name="url" type="text" data-rule="跳转链接:required;"/>
                <span class="help-block">如：模块中/控制器名/方法名 Home/Index/index</span>
            </div>
        </div>
        <div class="form-group">
            <label class="col-lg-4 control-label">是否在导航显示</label>
            <div class="col-lg-5">
                <div class="btn-group show" data-toggle="buttons">
                    <label class="btn btn-default">
                        <input type="radio" name="show" autocomplete="off" value="1"> 显示
                    </label>
                    <label class="btn btn-default">
                        <input type="radio" name="show" autocomplete="off" value="0"> 隐藏
                    </label>
                </div>
            </div>
        </div>
        <div class="form-group">
            <div class="col-lg-3 col-lg-offset-4">
                <button class="btn btn-primary btn-block btn-submit" type="button">提交</button>
            </div>
        </div>
    </form>
</div>

 

 

 

JS脚本（这是使用了layer弹出层/窗插件）：

 

$('body').on('click', '.btn-submit', function() {
    $.post('{:U("Category/category")}', {data: $(this).parents('form').serializeArray()}, function(res) {
        if(res.state == 1) {
            layer.msg(res.message, {icon: 1, time: 1000});
        } else {
            layer.msg(res.message, {icon: 2, time: 1000});
        }
        setTimeout(function() {
            location.reload();
        }, 1000);
    });
});

 

 

 

PHP代码（以Thinkphp为例）：

 

if(IS_POST) {
    $data = $_POST['data'];
    $handle = array();
    for($i=0;$i<count($data);$i++) {
        $handle[$data[$i]['name']] = $data[$i]['value'];
    }
    if($category->where('id='.$handle['id'])->save($handle)) {
        $this->ajaxReturn(array('message'=>'更新成功！', 'state'=>1));
    } else {
        $this->ajaxReturn(array('message'=>'更新失败！', 'state'=>0));
    }
}

欢迎关注技术开发分享录：http://fenxianglu.cn/