Ajax表单序列化成json

在前端开发中，Ajax是必不可少的一个技术。在实现Ajax的过程中，表单数据的传递是经常出现的情况。表单数据的传递可以使用表单序列化，将表单数据转换为一个字符串，然后通过Ajax发送给服务器端进行处理。当然，如果需要将表单序列化成json格式，也是可以实现的。

下面是一个将表单序列化成json格式的示例代码：

$(function(){
    $("form").submit(function(e){
        e.preventDefault();
        var formData = $(this).serializeArray();
        var json = {};
        $.each(formData,function() {
            if (json[this.name]) {
                if (!json[this.name].push) {
                    json[this.name] = [json[this.name]];
                }
                json[this.name].push(this.value || '');
            } else {
                json[this.name] = this.value || '';
            }
        });
        console.log(JSON.stringify(json));
        // 发送Ajax请求
    });
});

上述代码中，我们首先使用jQuery的serializeArray方法将表单数据转化成一个数组，数组的每一个元素都是一个包含字段名和值的对象。然后，我们使用一个循环遍历数组，将数组中的每个元素的数据保存到一个json对象中，最后使用JSON.stringify方法将json对象转化为一个json字符串，方便进行Ajax数据发送。

这样，我们就可以方便地将表单数据序列化成json格式，方便地进行Ajax请求发送。在实际开发中，这种方式会经常被使用到。