表单序列化后转成json对象
<!DOCTYPE html> <html> <head lang="en"> <meta charset="utf-8" /> <meta name="viewport" content="width=device-width, initial-scale=1"> <title></title> <script src="https://cdn.staticfile.org/jquery/3.3.1/jquery.js"></script> </head> <body> <!-- 表单序列化后转成json对象 --> <ul id="tixian"> <li> <form> <table> <tr> <td>银行卡号:</td> <td><input type="text" name="account"></td> </tr> <tr> <td>开户名:</td> <td><input type="text" name="name"></td> </tr> <tr> <td>开户行:</td> <td><input type="text" name="Openingbank"></td> </tr> <tr> <td>提现金额:</td> <td><input type="text" name="money"></td> </tr> <tr> <td>密码:</td> <td><input type="text" name="pwd"></td> </tr> </table> </form> <li><button id="submit">提交</button><button>取消</button></li> </ul> <script> function serializeObject(t) { let data = t.serializeArray(), obj = {}; $.each(data, function(i, v) { obj[v.name] = v.value; }); return obj; } $("#submit").click(function() { console.log(serializeObject($("#tixian form"))); }); </script> </body> </html>