JQuery中&(‘#form‘).serialize()方法失效

本文详细解析了JQuery中serialize方法的工作原理及常见失效原因,包括ID重名、hidden属性设置、display:none样式影响及name属性与实体类命名不匹配等问题,并提供了检查步骤与解决策略。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

JQuery中serialize方法失效

要按照以下步骤检查:

1. id是不是重名。
2. hidden和display:none设置以后,元素并不会被序列化,后台也无法获取,检查是不是有这个属性
3. form标签中的input标签中id和name是不是都有,且必须name和实体类中的命名一样

ajax 传递参数到Controller

传递的input标签中的name属性命名需要和实体类中变量的一样。

补充 .serialize() .serializeArray() 取到数据的格式

var str = $('#form').serialize();  //k=v&k=v
console.log(Qs.parse(str));           //{k:v,k:v}
console.log($('#form').serializeArray());  //[{},{},{}]
// 初始化 EasyMDE const easyMDE = new EasyMDE({ element: document.getElementById('md-content'), autoDownloadFontAwesome: false, spellChecker: false, toolbar: ["bold", "italic", "heading", "|", "quote", "unordered-list", "ordered-list", "|", "link", "image", "|", "preview"] }); // 保存和发布按钮逻辑 (修正方法) $('#save-btn, #publish-btn').click(function(event) { event.preventDefault(); easyMDE.codemirror.save(); $('#md-content').trigger('input'); // 新增内容变更触发器 // 设置发布状态 const isPublish = $(this).attr('id') === 'publish-btn'; $('[name="published"]').val(isPublish); // 触发表单验证 (修正方法) $('.ui.form').form('validate', { onSuccess: function() { console .log('验证通过,提交表单'); $('#blog-form').submit(); }, onFailure: function(errors) { console .log('验证失败:', errors); } }); }); // 初始化 Semantic UI 表单验证 $('.ui.form').form({ fields: { title: { identifier: 'title', rules: [{ type: 'empty', prompt: '标题:请输入博客标题' }] }, content: { identifier: 'content', rules: [{ type: 'empty', prompt: '内容:请输入博客内容' }] }, typeId: { identifier: 'typeId', rules: [{ type: 'empty', prompt: '分类:请选择博客分类' }] }, 代码有什么问题?为什么点击“保存”或“发布”后毫无反应?
最新发布
03-12
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值