8 jquery 获取 form 表单内容

有时，我们需要获取表单内容进行发送ajax请求，通过函数方式比较方便。

$(“#title”).serialize() 获取一个序列化的字符串。

$(“#title”).serializeArray() 获取一个参数对象的列表。

各有优势，根据具体情况选择即可

<form id="title"><input name='username'>用户名<input name='password'>密码</form><button id='submit' type="button">提交</button><button id='submit2' type="button">提交</button><script src="/ajax/libs/jquery/3.6.0/jquery.min.js"></script><script>//方法一$("#submit").click(function(){// title 是form表单标签的id。 serialize()var title =$("#title").serialize();//获取form id=title的表单数据console.log(title);});//方法二$("#submit2").click(function(){var tempArgs = $("#title").serializeArray();var params = {}for (var i = 0; i < tempArgs.length; i++) {params[tempArgs[i].name] = tempArgs[i].value;}console.log(params);});</script>