jquery读取表单中提交的数据

最新推荐文章于 2022-08-15 20:33:45 发布

原创最新推荐文章于 2022-08-15 20:33:45 发布 · 1.3k 阅读

1 ·

CC 4.0 BY-SA版权

文章标签：

#jquery #读取表单

前端专栏收录该内容

1 篇文章

订阅专栏

本文介绍了一个简单的表单数据捕获方法，通过使用HTML和jQuery，演示了如何在用户点击提交按钮时，捕获表单输入字段的数据，并将其序列化为JSON格式，便于后续的数据处理和传输。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

首先新建一个表单与点击事件

<form id="form">
    姓名：<input name="name" type="text"><br>
    年龄：<input name="age" type="number"><br>
</form>
<div>
	<input id = "testform" type="button" value = "提交">
</div>

再写脚本获取表单数据

$("#testform").click(function(content){
	//获取表单数据，并序列化
	var formData = $("#form").serializeArray();
    //将序列化数据转为对象
	var formObject = {};
	for (var item in formData) {
	    formObject[formData[item].name] = formData[item].value;
	}
	formData = JSON.stringify(formObject);
    console.log(formData);
}

看下控制器出来什么东西