jQuery中的formSerialize()方法序列化表单数据

jQuery中的formSerialize()方法

jQuery中的formSerialize()方法可以序列化表单数据，它能够将表单中的所有字段的值按照“name=value”的形式组合成一个字符串，并以“&”进行分隔。

使用方法

使用formSerialize()方法时，需要先选择要序列化的表单，调用formSerialize()方法，例如：

$("#form").formSerialize();

这样就可以序列化表单中的所有字段，将其组合成一个字符串。

应用场景

formSerialize()方法可以序列化表单中的所有字段，可以用于表单提交时，将表单中的数据转换成字符串，以便用于Ajax提交等场景。

• 将表单数据转换为字符串，以便用于Ajax提交：

    $.ajax({
        url: "form.php",
        type: "POST",
        data: $("#form").formSerialize(),
        success: function(data){
            // do something
        }
    });
    

• 将表单数据转换为JSON格式，以便用于Ajax提交：

    var data = $("#form").formSerialize();
    var dataObj = JSON.parse('{"' + data.replace(/&/g, '","').replace(/=/g, '":"') + '"}',
        function(key, value) { return key === "" ? value : decodeURIComponent(value) });
    $.ajax({
        url: "form.php",
        type: "POST",
        data: dataObj,
        success: function(data){
            // do something
        }
    });
    

formSerialize()方法也可以用于把表单中的数据转换为JSON格式，以便用于Ajax提交。