表单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); }); }); });