jquery 获取表单input jquery获取表单数据

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="https://cdnjs.cloudflare.com/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>