form表单用.serializeArray()方法对disabled属性的特殊处理

于 2024-06-22 08:48:25 发布
阅读量186 收藏
点赞数 2
文章标签： 前端 javascript html
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/u013028240/article/details/139873910
版权

form表单()用.serializeArray()方法来将单元素序列化的时候，如果input的disabled属性为true,则不会将其值加入到序列化的对象中

有disabled="disabled"的情况

如果加入disabled="disabled"属性，则打印89个

无disabled="disabled"的情况

如果不加入则打印90个，可以把上面的name="proj"也加入到当前序列化对象中

十年胭脂雪
关注
将form表单序列化serializeArray() 转换成一个对象object
qq_41993438的博客
01-27 5540
在前后端数据交互的时候，往往需要传递多个参数，这时候，form表单就给我们提供了一个很好的方法。 $("#formid").serializeArray() serializeArray() 方法通过序列化表单值来创建对象数组（名称和值）。 您可以选择一个或多个表单元素（比如 input 及/或 textarea），或者 form 元素本身。serializeArray() 方法序列化表单元素（类...
form表单的serialize，serializeObject，serializeArray属性
weixin_42861240的博客
10-18 1534
今天看了同事的代码，发现form属性还有serializeObject属性，结果上网查了下，这些方法的用法 首先我们统一写一个form表单 <form> <input type="text" name="username" value="123"/> <input type="password" name="password" value="456"...
原生js实现form表单序列化
weixin_33928137的博客
05-25 184
当我们有form表单而且里面的表单元素较多时，咱们总不能一个个去获取表单元素内的值来进行拼接吧！这样会很让人蛋疼！为了方便与后台交互并且提高自己的开发效率，并且不让你蛋疼；我们一起用原生来写一个表单序列化方法： 先介绍一下jquery中有相应的表单序列化的方法： 1.serialize()方法 　　格式：var data = $("form").serialize(); 　　功能：将表单内...
使用$(form).serializeArray()提交表单，获取不到表单值的问题
haojuntu的专栏
04-06 1万+
最近在做Form表单提交时，使用html标签文本框，表单一直获取不到值，服务器控件就能获取到，最后找到的原因是input的标签没有添加name属性，  具体原因需要查询下ID和Name属性的区别，代码如下：    $.ajax({                 type: "POST",                 url: "Ajax.aspx",
序列化表单数据$("form").serializeArray()
weixin_30268921的博客
02-24 361
在做一个后台管理系统类似的项目中发现不能直接取得表单中的数值，于是想到先将表单数据转化为json，然后再用js从json中获取数据，那不就简单了吗？ 于是我用了jquery的serializeArray()方法。当然结果转化出的数据是这样的 [ {name: 'type', value: '2'}, {name: 'm_id', value: 'shires'}, {name: 'r...
JQuery序列化表单serialize() 以及 serializeArray()
weixin_30561425的博客
04-28 204
都是利用form表单传递数据的 1、serialize()方法 描述：序列化表单内容为字符串,用于Ajax请求。 数据类似于这种：FirstName=Bill&LastName=Gates 注意这个是字符串 格式：var data = $(form).serialize(); 2.serializeArray()方法 描述：序列化表单元素(类似'.serialize(...
关于jquery form表单序列化的注意事项详解
10-19
本文将深入探讨jQuery中`form`表单序列化时需要注意的事项，以及如何正确使用这一功能。 首先，我们要明白表单序列化的主要方法是`$.serialize()`和`$.serializeArray()`。`$.serialize()`将表单数据转换为字符串，...
BUG已解决 | 使用JQuery的serialize序列化表单时，无法获取到表单内未选中单/多选框的内容 | 手动编写一个加强版的serialize方法获取
希望每天都能进步一点点
02-23 1027
解决方式是参考网上其他的文章的，由于有很多雷同的内容，分不清原作者，这里就不贴来源了 运行版本： JQuery 3.6.0 查看源码： jquery.js jQuery.fn.extend( { serialize: function() { return jQuery.param( this.serializeArray() ); }, serializeArray: function() { return this.map( function() { // Can add pr.
小白编程笔记——JavaScript中两种把表单内容传递给Controller的方法
Takumu的博客
07-07 908
工作的时候看到有两种把页面上内容传递给Controller的方法，其中一种是传递对数据库的搜索条件，并且会根据搜索条件访问数据库，并将更新后的数据写在JqGrid表格里。另一种则是用于为数据库新增数据（或者修改删除）的时候用的。 为什么会用到两种方式以及两种方式的区别我还是不太能理解，所以就先把他们记录下来，等之后JavaScript的知识接触的多了应该就能读懂了吧。 其一 传递搜索条件 $("#newinsert").on("click",function(){ if(!confirm("この
jquery.serialize() 函数语法及简单实例
10-21
`jQuery.serialize()` 函数是jQuery库中用于处理表单数据的一个非常重要的方法。它能够将一个HTML表单中的数据序列化成一个URL编码的字符串，这个字符串可以方便地用于Ajax请求，或者直接作为HTTP请求的查询字符串。...
ry-ui.js
weixin_55069111的博客
05-07 1125
调用方式 $.property.function ($.属性.功能) /** * 通用js方法封装处理 * Copyright (c) 2019 ruoyi */ // 当前table相关信息 var table = { config: {}, // 当前实例配置 options: {}, // 设置实例配置 set: function(id) { if($.common.getLength(table.config) > 1) {
Form表单使用Jquery serializeArray()与serialize()的区别
chenghuanhua7786的博客
06-03 170
serialize()序列化表单元素为字符串，用于 Ajax 请求。 serializeArray()序列化表单元素为JSON数据。 <!DOCTYPE html> <html> <head> <meta charset="utf-8"&g...
jQuery序列化表单 serialize() serializeArray()
热门推荐
itmyhome的专栏
12-13 1万+
1、serialize()方法描述：序列化表单内容为字符串,用于Ajax请求。格式：var data = $("form").serialize();2.serializeArray()方法描述：序列化表单元素(类似'.serialize()'方法)返回JSON数据结构数据。           注意,此方法返回的是JSON对象而非JSON字符串。需要使用插件或者第三方库进行字符串化操作。格式：v
jquery序列化表单 将form表单转换成对象serializeArray()和转换成字符串serialize()
现在学习也不晚
10-16 3916
serialize()定义和用法serialize() 方法通过序列化表单值，创建 URL 编码文本字符串。 您可以选择一个或多个表单元素（比如 input 及/或 文本框），或者 form 元素本身。 序列化的值可在生成 AJAX 请求时用于 URL 查询字符串中。 ps：最好的理解方式就是将form表单中的每一项都转换成get请求的字符串形式语法$(selector).serialize(
jquery获取表单数据方法$.serializeArray()获取不到disabled的值
weixin_34072637的博客
05-21 1137
$.serializeArray()获取不到disabled的值 经实验，$.serializeArray()获取不到disabled的值，如果想要让input元素变为不可用，可以把input设为readonly,而不是disabled; 还有一种情况获取不到值，当页面中有两个一样name值的标签的时候，即使其中一个name值的input的样式为 display:none; 依然获取不到。...
jquery form serializeArray集合与对象
chikuibang7042的博客
05-05 159
function(e, data){ serialize = data.form.serializeArray(); serialize.push({name:'UUID', value:UUID}); data.formData = serialize; //表单集合 data.fo...
jQuery的serializeArray()方法的使用---通过序列化表单值来创建对象（name 和 value）的数组
a432qbc的博客
02-09 922
js let $form = $('.propagandaTemplatesForm'), formData = $form.serializeArray(), //serializeArray() 方法通过序列化表单值来创建对象（name 和 value）的数组。 data = new FormData(); //用一些键值对来模拟一系列表单控件：即把form中所有表单元素的name与value组装成 for (let i in obj) {
关于不能被表单序列化的标签[disabled]
可达鸭的博客
03-31 247
坑就在于 disabled 这个属性的作用是禁用， 它与 readonly 的区别是， 当都用在input框的时候，页面效果是一样的，用在select下拉框的时候，用disabled属性下拉框被禁用并且不能进行下拉的动作， 用readonly属性的时候，下拉框只读状态但是可以点击并且有下拉动作，只是不能改变值；当用disabled属性时，在表单被序列化时标签会被忽略。或者直接提交表单到后台时，用disabled属性的是不会提交的，readonly属性可以被提交到后台。
//遍历赋值 var t = $('form').serializeArray(); $.each(t, function() { formValue[this.name] = this.value; })
最新发布
05-17
具体来说，`$('form').serializeArray()` 会返回一个包含表单中每个元素的名称和值的对象数组。然后，`$.each()` 函数会对该数组进行遍历，将每个元素的名称和值存储在 `formValue` 对象中，其中元素的名称作为属性...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值