正文

form 表单序列化 serialize

IP云
IP云V管理员/4 阅读
11/28
提示：扫一扫查出行
【扫一扫了解最新限行尾号】
复制提示

在开发中有时需要在js中提交form表单数据，就需要将form表单进行序列化。

jquery提供的serialize方法能够实现。 

$("#searchForm").serialize();

但是，观察输出的信息，发现serialize()方法做的是将表单中的数据以htpp请求格式拼接成字符串。

例如以下代码： 

<form id="searchForm">

    <input name="id" value="123"/>

    <input name="cx" value="lklj"/>

</form>

<script type="text/javascript">

    console.info($("#searchForm").serialize());

</script>

输出结果是：id=123&cx=lklj

serialize确实是能够解决一般的提交数据。但是有时我们需要的是一个 object对象 ，而不是字符串（比如jqgrid reload时设置查询条件参数，就需要object对象）。

所以就需要提供一个能将form转化为对象的方法。参考自：http://www.cnblogs.com/yeminglong/p/3799282.html 

(function(window, $) {

    $.fn.serializeJson = function() {

        var serializeObj = {};

        var array = this.serializeArray();

        var str = this.serialize();

        $(array).each(

                function() {

                    if (serializeObj[this.name]) {

                        if ($.isArray(serializeObj[this.name])) {

                            serializeObj[this.name].push(this.value);

                        } else {

                            serializeObj[this.name] = [

                                    serializeObj[this.name], this.value ];

                        }

                    } else {

                        serializeObj[this.name] = this.value;

                    }

                });

        return serializeObj;

    };

})(window, jQuery);

调用插件： 

console.info($("#searchForm").serializeJson());

输出结果：Object {id: "123", cx: "lklj"}

相关阅读

目录[+]