100字范文,内容丰富有趣,生活中的好帮手!
100字范文 > JQuery获取form表单数据

JQuery获取form表单数据

时间:2022-10-28 16:10:53

相关推荐

JQuery获取form表单数据

form表单内所有元素追加name属性值

<form class="form-horizontal m" id="feedback"><input id="type" name="type" type="text" value="test1"><input id="ruleId" name="ruleId" type="text" value="test2"><input id="usercode" name="usercode" type="text" value="test3"><input id="username" name="username" type="text" value="test4"><input id="bah" name="bah" type="text" value="test5"></form>

获取表单数据的方式一:

let json = $('#feedback').serialize();console.log('json : ',json); // 输出:type=test1&ruleId=test2

获取表单数据的方式二:

let data = {};var value = $('#feedback').serializeArray();$.each(value, function (index, item) {data[item.name] = item.value;});let json = JSON.stringify(data);console.log('json : ',json);/** 输出:{"type":"test1","ruleId":"test2"}*/

本内容不代表本网观点和政治立场,如有侵犯你的权益请联系我们处理。
网友评论
网友评论仅供其表达个人看法,并不表明网站立场。