form表单内容序列化的两种方法

form表单内容序列化

form表单自带两种方法serialize()方法和serializeArray()方法

1.serialize()方法

描述:序列化表单内容为字符串(不包括文件),用于Ajax请求。

格式:var data = $('#form').serialize();

2.serializeArray()方法

描述:序列化表单元素(类似'.serialize()'方法)返回JSON数据结构数据(不包括文件)。

注意,此方法返回的是JSON对象而非JSON字符串。
需要使用插件或者第三方库进行字符串化操作;
也可以通过each循环,得到每个json对象,再通过.的方式取得具体的建与值

格式:var jsonData = $('#form').serializeArray();
$.each($(jsonData,function(index,obj){
           formData.append(obj.name,obj.value )
        })
补充:each方法,第一个参数是一个可迭代对象,第二个参数是函数,函数内的参数是index索引和循环出来的obj对象。

form表单内容序列化的两种方法

Original: https://www.cnblogs.com/suncolor/p/16712645.html
Author: 等日落
Title: form表单内容序列化的两种方法

原创文章受到原创版权保护。转载请注明出处:https://www.johngo689.com/591024/

转载文章受原作者版权保护。转载请注明原作者出处!

(0)

大家都在看

  • python pandas数据处理和基本操作

    本文介绍的方法均为我在做作业是常用的方法,要是有不对的地方还请大神指正 本文示例文件 排名,姓&#x540…

    Python 2023年8月19日
    051
  • 深度解析:什么是Diffusion Model?

    ©PaperWeekly 原创 · 作者 |鬼谷子 引言 在上一篇中详解介绍了有关流的生成模型理论和方法。目前为止,基于 GAN 生成模型,基于 VAE 的生成模型,以及基于 fl…

    Python 2023年9月15日
    069
  • 1、ArrayList源码解析

    几个重要的成员变量 transient Object[] elementData; //存储列表元素的数组,容量(capacity)就是elementData的长度 private…

    Python 2023年10月14日
    029
  • 使用Pipeline抽象业务生命周期流程

    上篇关于流程引擎的文章还是快两年以前的《微服务业务生命周期流程管控引擎》,这中间各种低代码平台层出不穷,虽然有些仅仅是OA+表单的再度包装,但有些的确是在逻辑和操作单元层面进行了真…

    Python 2023年10月22日
    036
  • 修改conda环境名称

    进行conda操作时,可能要创建新的环境,但名称与现有环境有冲突,安装的包有一定差别,或是前期环境命名比较随便。此时要对现有环境进行重命名,有两种方法可以采用。 1.创建新的环境并…

    Python 2023年9月7日
    048
  • 2021/5/29爬虫第十八次课(Scrapy框架上)

    文章目录 一、scrapy概述 二、scrapy的工作流程 三、Scrapy快速入门 一、scrapy概述 1 为什么学习Scrapy? 爬虫必备的技术 面试… 让我们…

    Python 2023年10月5日
    040
  • 【20211029】【Python】删除 DataFrame 中的某行、某列

    pandas 中的 drop 方法是很明智的数据清理的方法,它的好处在于:它不改变原有的 df 中的数据,而是返回另一个新的 DataFrame 来存放删除后的数据。 一、drop…

    Python 2023年8月22日
    065
  • Python生成特定风格的配色组合

    文章目录 * – 需求描述 – 代码示例 – 色板参考 – 参考链接 需求描述 最近有一个需求,在图像上画目标框的时候,有些类别的框…

    Python 2023年9月1日
    064
  • Python常用库的使用(Numpy,Pandas,Matplotlib,wordcloud,Opencv-python,PIL)

    一、前言 最近做python实验的时候,重点考察了对题述的库的使用,经过一段时间学习,将其汇总至一处,方便取用。 二、Numpy库 首先安装numpy库,只需要在cmd窗口输入pi…

    Python 2023年9月1日
    058
  • 抓包整理————静态路由[十六]

    前言 简单解释一下静态路由。 正文 先来将一个问题。 这里面R1的f0和R2的f0连接 R2的f1和R3的f0连接。 这个f 是 fast ethernet 的意思。 现在设置: …

    Python 2023年10月14日
    060
  • 如何使用CSS伪类选择器

    总览 CSS选择器允许你通过类型、属性、位于HTML文档中的位置来选择元素。本教程阐述了三个新选项 :is()、 :where()和 :has()。 选择器通常在样式表中使用。下面…

    Python 2023年10月23日
    044
  • webui-aototest:pytest

    pytest是Python的一款单元测试框架: 1.使用规则: (1)pytest文件的 文件名形式固定为①test__.py,②__test.py; (2)pytest文件中 测…

    Python 2023年9月14日
    056
  • 数据聚合与分组运算

    一、分组与聚合的原理 在Pandas 中,分组是指使用特定的条件将原数据划分为多个组,聚合在这里指的是,对每个分组中的数据执行某些操作,最后将计算的结果进行整合。 分组与聚合的过程…

    Python 2023年8月20日
    050
  • 【程序人生】4年创作纪念日,不忘初心,继续前行

    📫作者简介: 小明java问道之路,专注于研究 Java/ Liunx内核/ C++及汇编/计算机底层原理/源码,就职于大型金融公司后端高级工程师,擅长交易领域的高安全/可用/并发…

    Python 2023年9月16日
    038
  • python画六边形的代码_python数据可视化的一些基本操作(part2)

    这一篇文章是上一篇 python数据可视化的一些基本操作(part1)https://zhuanlan.zhihu.com/p/68181124 的姊妹篇,本来当时是说第二天就把剩…

    Python 2023年9月6日
    043
  • 【Pandas】数据合并 concat() append() merge() join() combine_first()

    Pandas数据合并 直接合并 * 横向堆叠(横向合并) – 外连接 内连接 纵向堆叠(纵向合并) – 外连接 内连接 使用append()方法 来进行纵向…

    Python 2023年8月21日
    058
亲爱的 Coder【最近整理,可免费获取】👉 最新必读书单  | 👏 面试题下载  | 🌎 免费的AI知识星球