关于layui from.on() 前台传输对象，后台无法接收，前台传输单个属性，后台可接收的问题

最新推荐文章于 2023-04-14 14:50:34 发布
最新推荐文章于 2023-04-14 14:50:34 发布
阅读量1.3k 收藏 2
点赞数 2
文章标签： java
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_45412087/article/details/107160222
版权

本人使用springBoot框架，layui form.on('submit(****)', function(data)  获取表单的所有数据data.field，再将他发送给后端，发现后端无法接收对象，以为是匹配不上，于是又试了单个属性上传给后端，发现后端有数值，那应该就是前台和后台交互dto有问题，最后发现是时间类型出现问题，date类型不能转换出错，最后加上

@DateTimeFormat(pattern = "yyyy-MM-dd HH:mm:ss")
@JsonFormat( pattern = "yyyy-MM-dd HH:mm:ss",timezone = "GMT+8")

在时间上就可以传输对象

牌哥
关注
  • 2
    点赞
  • 踩
  • 2
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
Layui表单提交问题
骜蛟的博客
01-30 4005
踩过的坑 1、Layui的form表单提交问题 ​ 在提交表单数据时，提交按钮为 submit 类型，以layui为js框架时，会重复提交表单数据。如何解觉这一问题？以下给出我认为便捷的三种方法： 设置button的type=button，否则默认submit，就会重复提交 在监听提交的form.on里加上return flase form.on("submit(formDemo)",function(data){ //do something return false; });
php接受layui提交的json数据,Layui数据表格 前后端json数据接收的方法
weixin_26795171的博客
04-02 1090
先上效果图：前端数据表格：编号菜单名称菜单路径菜单图标菜单子菜单操作编辑删除js代码$(function () {//注意：这里是数据表格的加载数据，必须写layui.use(['table', 'layer', 'form'], function () {var table = layui.table;layer = layui.layer;form = layui.form;//CURD......
layui上传如何带参数到后台
热门推荐
userlhj的博客
08-29 2万+
layui前端代码 layui.use(['table','form','laypage','upload','jquery'], function() { var table = layui.table ,form = layui.form ,$ = layui.jquery ...
spring-boot上传文件MultiPartFile获取不到文件问题解决
weixin_34128839的博客
09-04 1915
1.现象是在spring-boot里加入commons-fileupload jar并且配置了mutilPart的bean，在upload的POST请求后，发现 multipartRequest.getFiles("file")=null，有点奇怪，查了文档资料才解决。 [java] view plain copy   <bean id="multipartRes...
Layer 弹出层打开、关闭及参数传递
懒虫的博客
04-14 1860
Layer iframe弹出层打开、关闭及参数传递
解决java使用axios.js的post请求后台时无法接收到入参的问题
10-17
今天小编就为大家分享一篇解决java使用axios.js的post请求后台时无法接收到入参的问题，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧
ST.zip_文件传输_文件发送_选择接收协议
09-14
"ST.zip_文件传输_文件发送_选择接收协议"这个标题暗示了我们正在讨论一个与文件传输相关的程序或服务，该服务允许用户在发送端和接收端之间定制文件传输的多个参数。以下是关于这一主题的详细知识： 1. **文件传输...
jQuey将序列化对象在前台显示地实现代码(方法总结)
08-31
1. **序列化对象为单个对象** 在后端，我们可能需要将一个对象序列化成 JSON 格式以便传递到前端。例如，有一个 `Student` 对象，包含 `Name` 和 `Code` 属性。在 C# 中，我们可以使用 `JavaScriptSerializer` 类来...
前台用html5 websocket 后台用netty实现聊天系统.zip
最新发布
08-16
WebSocket 和 Netty 是现代网络应用中用于实时通信的两种关键技术，尤其在构建聊天系统时尤为重要。...在实际开发过程中，还需要考虑安全性、可扩展性和监控等多方面因素，以确保系统的健壮性和易维护性。
phpok_php.zip_公司网站 后台_简洁php项目
09-24
一套很务实的简洁的系统！PHPOK能满足大多数的初级企业网站用户。已集成常用的企业网站常用的实用的模块：公司简介、产品展示、联系我们、在线留言等...4、内置SEO功能，可全局设定及单个主题或单个分类或单个项目设置
layui form表单提交
weixin_30896511的博客
11-03 951
layui.use(['form'], function () { var form = layui.form; //监听提交 form.on('submit(formDemo)', function (data) { ...
Layui前端框架弹出form表单以及提交,并且对接后台数据
skx19980524的博客
03-24 6246
一、对接Layui Css 与 Js外部连接（我这个位置写的我本地的地址大家可以去网上搜索一下这两个地址） <link rel="stylesheet" href="layui/css/layui.css"> <script src="layui/layui.js" charset="utf-8"></script> 二、写入Js文件 注意：1、可随意修改input中的类型名称 2、var ...
layui总结(一) Layui-form
qq_45809464的博客
03-01 2913
layui总结(一) Layui-form 代码框架 表单样式 监听事件
form layui 同时提交多个对象_layui 表单 请求参数对象和数组同时传递向后台
weixin_39909001的博客
02-06 2354
layui页面 因为页面中的数据使用layui的form模块获取值，formData对象无法直接将多选框的值加入请求头，所以先将获取的多选按钮的值转为数组，然后使用formData.classId=arr_box;方法，将数组追加到formData中，后台获取值。String path = request.getContextPath();String basePath = request.get...
layui table 传对象参数，springboot框架接收参数方法
wcdunf的博客
02-08 4248
<script> layui.use(['element', 'table', 'form', 'laydate'], function () { var element = layui.element; var table = layui.table; var form = layui.for...
form layui 同时提交多个对象_Layer文件上传同时传递表单数据
weixin_39938724的博客
12-28 451
packagecom.microwisdom.file;importcom.google.gson.Gson;import java.io.*;import java.util.*;importjava.util.logging.Level;importjava.util.logging.Logger;importjavax.servlet.ServletException;importjavax...
layui富文本域form表单提交和ajax提交获取编辑器内容详解
小马同学
04-21 1万+
最近写项目中需要用到LayUI富文本编辑器，提交时发现富文本编辑器中内容是空的，查了很多资料才发现，LayUI在渲染富文本域时，是在下面插入的样式代码。我们页面上定义的是一个textarea标签，之后用JS渲染的。我们获取的内容是textarea中内容，富文本域中的内容和textarea中的内容不是自动同步的，所以我们需要在提交前把内容同步一下。 form表单提交： 首先定义文本域和提交按...
layui部分form.on使用（持续更新）
王佩健的博客
08-16 2万+
表单提交时方法 form.on('submit(submit)',function (obj) { //写处逻辑 } 点击表单一行数据 table.on('row(table)', function (obj) { //写处逻辑 }
layui form.on('select(xxx)',function(){});绑定失败
aijian6549的博客
09-27 2115
使用layui的form.on绑定select选中事件中, form.on()不执行, 主要原因有 1, select标签中没有写lay_filter属性,用来监听 <select id="watch" lay-filter="watch"class="layui-input layui-unselect" > <option>--请选择...
java后台怎么接收前端FormData对象
05-18
要接收前端FormData对象，可以使用Java Servlet API提供的HttpServletRequest对象中的getPart()方法或getParameter()方法。 如果你想要获取单个上传的文件，可以使用getPart()方法。例如： ```java Part filePart = request.getPart("file"); InputStream fileContent = filePart.getInputStream(); ``` 这里的"file"是前端FormData对象中文件上传控件的name属性值。 如果你想要获取表单中的其他数据，可以使用getParameter()方法。例如： ```java String username = request.getParameter("username"); String password = request.getParameter("password"); ``` 这里的"username"和"password"是前端FormData对象中表单控件的name属性值。需要注意的是，如果在前端FormData对象中上传了文件，那么使用getParameter()方法获取表单其他数据时会出现异常。此时，需要使用getPart()方法获取文件上传控件的Part对象，并调用Part对象的write()方法将文件写入本地磁盘，然后使用其他方法获取表单其他数据。 另外，需要注意的是，在Servlet 3.0及以上版本中，可以使用注解@MultipartConfig配置Servlet以支持文件上传。例如： ```java @MultipartConfig(location = "/tmp", fileSizeThreshold = 1024 * 1024, maxFileSize = 1024 * 1024 * 5, maxRequestSize = 1024 * 1024 * 5 * 5) public class MyServlet extends HttpServlet { // ... } ``` 这里的location属性指定文件上传的临时目录，fileSizeThreshold属性指定当上传的文件大小超过该值时，文件将被写入磁盘而不是存储在内存中，maxFileSize和maxRequestSize属性分别指定单个上传文件的最大大小和整个请求的最大大小。配置完后，在Servlet中就可以直接使用getPart()方法获取上传的文件了。

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值