如何使用 JavaScript/jQuery 获取表单数据？

serializeArray() 方法通过序列化表单值来创建对象数组（名称和值）。此方法可用于获取表单数据。

句法：

$(selector).serializeArray()

参数：它不接受任何参数。

返回值：它返回输入字段内的所有值。

例子：

   

    
    
      
    
        $(document).ready(function() {
            $("button").click(function() {
                var x = $("form").serializeArray();
                $.each(x, function(i, field) {
                    $("#output").append(field.name + ":"
                            + field.value + " ");
                });
            });
        });
    
      
    
        #GFG {
            width: 300px;
            padding: 50px;
            height: 150px;
            border: 2px solid green;
        }
    

   

    
        
            Name: 
            
        
   
        Submit
    
   
    

   

输出：

• 点击按钮前：
  
• 点击按钮后：
  

jQuery 是一个开源 JavaScript 库，它简化了 HTML/CSS 文档之间的交互，它以其“少写，多做”的理念而广为人知。
您可以按照此 jQuery 教程和 jQuery 示例从头开始学习 jQuery。