zoukankan      html  css  js  c++  java
  • jQuery序列化表单数据 serialize()、serializeArray()及使用

    1、serialize() 方法:

      serialize() 方法通过序列化表单值,创建 URL 编码文本字符串

      您可以选择一个或多个表单元素(比如 input 及/或 文本框),或者 form 元素本身。

      序列化的值可在生成 AJAX 请求时用于 URL 查询字符串中,这样在ajax提交表单数据时,就不用一一列举每一个参数,只需将data参数设置为:$("form").serialize()即可。

    //语法
    $(selector).serialize()

      输出标准的查询字符串:a=1&b=2&c=3&d=4&e=5

      注释:只会将“成功的控件”序列化为字符串。(即指没被禁用的元素)如果不使用按钮来提交表单,则不对提交按钮的值序列化。如果要表单元素的值包含到序列字符串中,元素必须使用 name 属性。

    2、serializeArray() 方法:

      serializeArray() 方法通过序列化表单值来创建对象数组(名称和值)
      您可以选择一个或多个表单元素(比如 input 及/或 textarea),或者 form 元素本身。
    //格式:
    var jsonData = $("form").serializeArray();

      注意:此方法返回的是 JSON 对象而非 JSON 字符串

      返回的 JSON 对象是由一个对象数组组成的,其中每个对象包含一个或两个名值对 —— name 参数和 value 参数(如果 value 不为空的话)。举例来说:
    [ 
      {name: 'firstname', value: 'Hello'}, 
      {name: 'lastname', value: 'World'},
      {name: 'alias'}, // 值为空
    ]

    特别说明,元素不能被禁用(禁用的元素不会被包括在内),并且元素应当有含有 name 属性。提交按钮的值也不会被序列化。文件选择元素的数据也不会被序列化。

      注意:1、不被禁用;2、包含name属性
     
  • 相关阅读:
    Win10家庭版无法远程桌面连接的解决方法
    分分钟用上C#中的委托和事件之窗体篇
    分分钟用上C#中的委托和事件
    Fiddler工具使用介绍三
    Fiddler工具使用介绍二
    Fiddler工具使用介绍一
    Hexo主题开发
    IDEA 编译 Jmeter 4.0 ( 二次开发_1 )
    Pinpoint 安装部署
    接口测试总结
  • 原文地址:https://www.cnblogs.com/xiejn/p/14034299.html
Copyright © 2011-2022 走看看