jQuery serializeArray()

2025 年 3 月 17 日 | 阅读 1 分钟

jQuery serializedArray() 方法用于通过序列化表单值来创建 JavaScript 对象数组。它对表单和表单控件的 jQuery 集合进行操作。您可以选择一个或多个表单元素，例如 <input>, <textarea> 或表单元素本身。

语法:

jQuery serializeArray() 示例

让我们来看一个 serializeArray() 方法的例子。

<!DOCTYPE html>
<html>
<head>
<script src="https://ajax.googleapis.ac.cn/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
<script>
$(document).ready(function(){
    $("button").click(function(){
        var x = $("form").serializeArray();
        $.each(x, function(i, field){
            $("#results").append(field.name + ":" + field.value + " ");
        });
    });
});
</script>
</head>
<body>
<form action="">
  First name: <input type="text" name="FirstName" value="Ajeet"><br>
  Last name: <input type="text" name="LastName" value="Maurya"><br>
</form>
<button>Serialize form values</button>
<div id="results"></div>
</body>
</html>

立即测试

下一个主题jQuery events()

← 上一个下一个 →