头像

php+js将复杂form表单序列化

2018-05-28 17:51:20 收藏    来源:PHP代码   浏览()   评论 ( 0 )   

php+js将复杂form表单序列化
今天介绍一款jquery.serialize-object.js插件,它能够s把表单的值快速传给后台。
查看演示 下载资源:0

手机扫码访问:

下载资源 下载积分:25

表单html代码

<form class="form-horizontal" role="form" id="myform" action="" method="post">  
    <div class="form-group">  
        <label for="email" class="col-sm-2 control-label">Email</label>  
        <div class="col-sm-10">  
            <input type="email" class="form-control" id="email" name="user[email]" placeholder="Email" value="phpdaima.com">  
        </div>  
    </div>  
    <div class="form-group">  
        <label for="email" class="col-sm-2 control-label">自我评价</label>  
        <div class="col-sm-10">  
            <textarea class="form-control" name="user[intro]" rows="3"></textarea>  
        </div>  
    </div>  
 
    <div class="form-group">  
        <div class="col-sm-offset-2 col-sm-10">  
            <button type="submit" class="btn btn-default" id="subbtn">提交</button>  
        </div>  
    </div> 
</form>

把每个表单元素定义为如name="user[email]"数组的格式,这样方便表单的值序列化

$(function(){  
    $(document).on('click', '#subbtn', function(event) {  
        event.preventDefault();  
          
        var json_data = $('#myform').serializeJSON();  
        $.post('post.php', json_data, function(data) {  
            console.log(data);  
        });  
    });  
});


标签:
声明:转载请注明来源(PHP代码)并保留原文链接:http://www.phpdaima.com/form-821.html
广告不存在
评论0

后面还有条评论,点击查看>>

温馨提示:为规范评论内容,垃圾评论一律封号...

php+js将复杂form表单序列化
我的积分余额: 0.0 已下载次数: 0
所需积分:2525 开始下载
×