当使用from提交数据时,form的提交默认是会刷新页面的,需要使用默认值事件进行阻止
e.preventDefault();
jq中有方法将将用作提交的表单元素的的值编译成拥有name 与 value 对象组成的数组
<form action="">
<input type="text" name="id" value="123">
<input type="text" name="name" value="张三">
<input type="text" name="age" value="12">
</form>
<script src="./jquery-3.5.1.js"></script>
<script>
let dataArr = $('form').serializeArray() // 将其转化为数组
// 格式化数据
function formatFromData(dataArr) {
if(!dataArr) return;
let data = {}
dataArr.forEach(ele => {
data[ele.name] = ele.value;
})
return data;
}
let data = formatFromData(dataArr)
</script>