JQuery表单序列化

科技智趣坊 0 2326 无分类 0 0 2018-09-23 23:59

JQuery表单序列化，获取表单数据为数组，方便传值

<form id="form">
    <div class="infos"><span>昵称</span><input type="text" placeholder="请输入昵称" name="nickname"/></div>
    <div class="infos"><span>性别</span><ul><li value="1">男</li><li value="0">女</li></ul></div>
    <div class="infos"><span>邮箱</span><input type="text" placeholder="请输入邮箱" name="email"/></div>
    <div class="infos"><span>出生日期</span><input type="text" placeholder="请输入出生日期" name="birthday"/></div>
    <input type="hidden" name="gender" value="<?php echo $_user->userinfo->gender?>"/>
</form>

<script>
$(function(){

    $('.personal_usual_btn').click(function(){
        $(this).addClass('active').siblings().removeClass('active');
        $(this).siblings('div').slideToggle('normal');
        var id = $(this).attr("row_id");
        $.post("<?php echo url('wap::user/userinfo')?>",$("#form").serializeArray(),function(data){
            if(data.status){
                layer.msg("修改成功!");
            }
        });
    })

    $('.infos ul li').click(function(){
        $("input[name='gender']").val($(this).attr('value'));
        $(this).addClass('active').siblings().removeClass('active');
    });
});
</script>