首页 > 代码库 > form表单中的带有name的标签直接转JSON
form表单中的带有name的标签直接转JSON
1. 将如下内容引入页面：
比如说新建一个 a.js，然后在页面中引入a.js
//将form表单序列化成json格式
$.fn.serializeObject = function () {var o = {};var a = this.serializeArray();$.each(a, function () {if (o[this.name] !== undefined) {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;};
2. 如果form如下所示：
<form id="myform"><input type="text" id="loginName" name="loginName" class="form-control" placeholder="用户名" required=""><input type="password" id="empPwd" name="empPwd" class="form-control" placeholder="密码" required=""><button type="submit" class="btn btn-primary block full-width m-b" onclick="login();return false;">登 录</button></div></form>
此时我们想通过ajax的形式交此form中的带有name的input到后台，则可以如下使用：
<script>function login() {//ajax的形式提交表单var url = "<%=basePath%>/emp/login";var data=$("#myform").serializeObject(); //此处调用的就是我们写好的引入的方法，会将带有name的input，全部转为JSON。$.post(url, data, function (data) {if (data.result == "false") {alert(data.reason);} else {alert("OK");}});}</script>
3.相比其他解决方法的优点：
a. 当然可以利用jquery获取每一个input的值，然后手动组装成json字符串提交,此操作费时费力，如果是如上结构可以直接使用。
b. 缺点，外层必须是form才行，注意事件需要return false;阻断原有跳转。
form表单中的带有name的标签直接转JSON
声明：以上内容来自用户投稿及互联网公开渠道收集整理发布，本网站不拥有所有权，未作人工编辑处理，也不承担相关法律责任，若内容有误或涉及侵权可进行投诉： 投诉/举报 工作人员会在5个工作日内联系你，一经查实，本站将立刻删除涉嫌侵权内容。