表单序列化后转成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>

 

posted @ 2018-11-07 10:08  我爱大西瓜  阅读(477)  评论(0编辑  收藏  举报