HTML-怎么在前端把表单的内容封装进一个json里

意见反馈 意见反馈 主题:991 回复:2082

HTML-怎么在前端把表单的内容封装进一个json里

想挽留 发布于 2017-06-21 字数 98 浏览 1041 回复 2

如一个东西包含用户名密码邮箱等信息,如果在发送给后端前用一个json封装。(多语言。不止是php)

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。

支持 Markdown 语法,需要帮助?

评论(2

归属感 2017-10-08 2 楼

不知道用处何在,但是网上有很多现成的程序代码

适合jquery

$.fn.serializeObject = function()
{
var o = {};
var a = this.serializeArray();
$.each(a, function() {
if (o[this.name]) {
if (!o[this.name].push) {
o[this.name] = [o[this.name]];
}
o[this.name].push(this.value || '');
} else {
o[this.name] = this.value || '';
}
});
return o;
};

使用 $('#myform').serializeObject ();

适合所有js的

form2js

清晨说ぺ晚安 2017-09-24 1 楼

给各简单的示例,可供自由扩展

<html>
<head>
<script type="text/javascript">
function formSub()
{
var jsonObj = []; //declare array
var elem = document.getElementById('form1').elements;
for(var i = 0; i < elem.length; i++)
{
jsonObj.push({id: elem[i].id, value: elem[i].value});
}
console.log(jsonObj);
}
</script>
</head>
<body>
<form id="form1" >
<input type="text" id="username" value=""> </ br>
<input type="password" id="passwd" value=""> </ br>
<input type="text" id="email" value=""> </ br>
<input type="button" id="sub" value="submit" onclick="formSub()" />
</form>
</body>
</html>