首页 > 解决方案 > 如何使用 Javascript/jQuery 将对象转换为 Json 格式,包括动态表

问题描述

如何将 javascript 对象转换为 Json 格式?

我可以在用户提交表单时创建对象数据,但我不知道如何转换提交数据,如 json 格式?

你能告诉我该怎么做吗?

这是我的示例代码..,

在这里提琴

例子

  "cashpayments": [
{
  "name": something,
  "email": something,
  "password": null
}]                        <<<<< --- LIKE THAT --- >>>>>

(function ($) {
    $.fn.serializeFormJSON = 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;
    };
})(jQuery);

$('form').submit(function (e) {
    e.preventDefault();
    var data = $(this).serializeFormJSON();
    console.log(data);
});
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<form action="#" method="post">
    <div>
        <label for="name">Name</label>
        <input type="text" name="name" id="name" />
    </div>
    <div>
        <label for="email">Email</label>
        <input type="text" name="email" id="email" />
    </div>
    <div>
        <label for="password">Password</label>
        <input type="password" name="password" id="password" />
    </div>
    <p>
        <input type="submit" value="Send" />
    </p>
</form>

标签: javascriptjquery

解决方案


推荐阅读