今天介绍一款jquery.serialize-object.js插件,它能够s把表单的值快速传给后台。
程序员,你不是一个人;网站开发QQ群:136483411 在线充值,或联系QQ 304534221直接充值
表单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);
});
});
});
评论(0)