• 代码素材首页
  • 欢迎您,游客!您可以选择 注册
    头像

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

    来源:http://school.sxbd100.com/form/328.html 代码交流管理员 2018-05-28浏览(455)

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

    万博彩票下载最新版本员,你不是一个人;网站开发QQ群:136483411  在线充值,或联系QQ 304534221直接充值

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

            });  

        });  

    });


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

    评论(0)


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

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