HTML表单Form转化为JSON-yellowcong

通过$(“#xxForm”).serialize()就可以获取到这个Form表单里面所有的参数,这种方式是转化为get请求的那种方式，这种不好，还有一种，就是通过$('#xxForm' ).serializeArray()将数据转化为json对象，直接进行ajax的提交

表单转化为get请求方式

#获取所有字段和参数，表单要有name不然就不会获取到
#$("#xxForm").serialize()
document.forms[0].action = "change.do?"+$("#xxForm").serialize();
document.forms[0].submit();

将表单转化为JSON

通过js的serializeArray方法，将form表单变为数组对象，然后获取里面的数据信息。

<script type="text/javascript">
    $(function() {

        //将表单转化为JSON对象
        function fromToJson(form) {
            var result = {};
            //获取表单的数组对象
            var fieldArray = $('#' + form).serializeArray();
            //将表单转化为JSON对象
            for (var i = 0; i < fieldArray.length; i++) {
                var field = fieldArray[i];
                if (field.name in result) {
                    result[field.name] += ',' + field.value;
                } else {
                    result[field.name] = field.value;
                }
            }
            return result;
        }

        //点击提交
        $("#sub").click(function() {

            //获取到表单里面的数据
            var postData = fromToJson("user");
            console.log(postData);
            var url = $("#project").val() + "/validate/demo2";
            $.ajax({
                type : "post", //使用提交的方法 post、get
                url : url, //提交的地址
                data : postData,
                async : false, //配置是否异步操作
                dataType : "json", //返回数据类型的格式
                success : function(data) { //回调操作
                    console.log(data)
                }
            });
        });
    })
</script>