技术标签 TAGS
专业技术精选
- 2020-03-20非常不错的骰子案例
- 2019-05-26vscode git and gitlens中文乱码问题
- 2011-12-14什么是网站制作的web标准
- 2011-12-14上海网站建设之六大不利优化因素
对serialize数组的追加解决方法
<!DOCTYPE HTML>
<html>
<head>
<meta charset="utf-8">
<title>对serialize数组的追加解决方法</title>
<script src="js/jquery-1.8.0.min.js" type="text/javascript"></script>
</head>
<body>
<form id="form_id">
<input type="text" name="name" value="jack" />
<input type="text" name="age" value="12" />
<input type="checkbox" name="courses[]" value="语文" checked />
<input type="checkbox" name="courses[]" value="数学" checked/>
<input type="text" name="education" value="master" />
<input type="button" value="submit" />
</form>
<script>
$(function(){
var $form_id = $('#form_id');
//serialize 作用
var odata = $form_id.serialize() + '&email=test@163.com';
console.log(odata);
$.post('test.php', odata, function(res){
console.log(res);
}, 'json');
//serializeArray 作用
var odata = $form_id.serializeArray();
$.each(odata, function(i, field){
console.log(field.name + ':' + field.value);
});
})
</script>
</body>
</html>
share
<html>
<head>
<meta charset="utf-8">
<title>对serialize数组的追加解决方法</title>
<script src="js/jquery-1.8.0.min.js" type="text/javascript"></script>
</head>
<body>
<form id="form_id">
<input type="text" name="name" value="jack" />
<input type="text" name="age" value="12" />
<input type="checkbox" name="courses[]" value="语文" checked />
<input type="checkbox" name="courses[]" value="数学" checked/>
<input type="text" name="education" value="master" />
<input type="button" value="submit" />
</form>
<script>
$(function(){
var $form_id = $('#form_id');
//serialize 作用
var odata = $form_id.serialize() + '&email=test@163.com';
console.log(odata);
$.post('test.php', odata, function(res){
console.log(res);
}, 'json');
//serializeArray 作用
var odata = $form_id.serializeArray();
$.each(odata, function(i, field){
console.log(field.name + ':' + field.value);
});
})
</script>
</body>
</html>