头像

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

来源:http://www.daimasucai.com/form/328.html 代码素材管理员 2018-05-28浏览()

今天介绍一款jquery.serialize-object.js插件,它能够s把表单的值快速传给后台。

程序员,你不是一个人;网站开发QQ群:  在线充值,或联系QQ 3078847178直接充值

php+js将复杂form表单序列化
分类:首页>>网页特效>>表单按钮 阅读次数:
查看演示 下载次数: 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);  

        });  

    });  

});


标签:
声明:本文为原创文章,如需转载,请注明来源daimasucai.com并保留原文链接:http://www.daimasucai.com/form/328.html
如果您觉得本文的内容对您的学习有所帮助,您可以扫描下面的二维码请我喝杯茶,感谢!
alipay转账 alipay转账 扫扫加qq群

评论(0)


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

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