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>
获取表单数据的方式一:文章来源:https://www.toymoban.com/news/detail-547666.html
let json = $('#feedback').serialize();
console.log('json : ',json); // 输出:type=test1&ruleId=test2
获取表单数据的方式二:文章来源地址https://www.toymoban.com/news/detail-547666.html
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"}
*/
到了这里,关于JQuery获取form表单数据的文章就介绍完了。如果您还想了解更多内容,请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章,希望大家以后多多支持TOY模板网!