jQuery serializeArray() 方法

  • 定义和用法

    serializeArray() 方法通过序列化表单值来创建对象(name 和 value)的数组。
    您可以选择一个或多个表单元素(如输入和/或文本区),或表单元素本身。
  • 语法

    $(selector).serializeArray()
  • 实例

    下例演示了输出以数组形式序列化表单值的结果:
    <!DOCTYPE html>
    <html lang="en">
    <head>
    <meta charset="UTF-8">
    <title>欢迎来到菜鸟教程</title>
    //此版本是百度cdn 1.11.1,当然你可以使用更高的版本,从2.0版本以上的是不支持ie6-8的
    <script type="text/javascript" src="http://libs.baidu.com/jquery/1.11.1/jquery.min.js"></script>
    <script>
       $(document).ready(function () {
          $("button").click(function(){
             x=$("form").serializeArray();
             $.each(x, function(i, field){
                $("#results").append(field.name + ":" + field.value + " ");
             });
          });
       });
    
    </script>
    </head>
    <body>
          <form action="">
            第一个名称:  <input type="text" name="FirstName" value="javascript" /> <br>
            最后一个名称:  <input type="text" name="LastName" value="jquery" /> <br>
          </form>
          <button>序列化表单值</button>
          <div id="results"></div>
    </body>
    </html> 
    
    尝试一下