使用layui-form表单ajax传输问题

最新推荐文章于 2024-06-04 17:34:22 发布
最新推荐文章于 2024-06-04 17:34:22 发布
阅读量9.9k 收藏 13
点赞数 5
分类专栏： java
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/a517690655/article/details/82842824
版权

1、提交表单一直返回原页面并且在url上多一个？

解决办法：在次方法上加上return false

2、ajax的success不回调问题？

解决办法：脚本前加上var $ = layui.jquery;

另外  要把ajax里面的dataType给注释掉。

 

看来layui还是有很多坑啊，折腾了我好多时间

 

HasmYang
关注
  • 5
    点赞
  • 踩
  • 13
    收藏
    觉得还不错? 一键收藏
  • 3
    评论
专栏目录
layui 多文件上传Ajax提交数据
qq_40890601的博客
07-10 1994
问题是这样的： 用户要求可以实现拖拽文件上传，用了Bootstrap-fileinput发现它不兼容ie，那就用layui吧！ 我希望用户上传的文件能一次性上传，并把表单数据一起传到后台 layui实现多文件上传时，上传几个文件就会触发几次接口，但我希望它只执行一次，查了很多资料无果。 那就不去触发layui的接口了，那样会导致表单文件被重复提交， 所以我采用了ajax提交表单，formdata打包文件和表单数据，一起传到后台。 文件配置 下面代码都在layui官网上copy的， 这里最重要的一点就是要把f
layui+form+Ajax
stucker的博客
01-09 6195
    先贴一个示例代码  layui.use([ 'form' ], function() { var form = layui.form, layer = layui.layer; /* 自定义表单验证 */ form.verify({ username : function(value, item) { // value：表单的值、item：表单的DOM对象 if ...
Layui：一款强大的前端UI框架
最新发布
m0_46413639的博客
06-04 499
在这些框架中，Layui凭借其优雅的设计、灵活的组件和丰富的功能，受到了广大开发者的喜爱。通过引入Layui的CSS和JavaScript文件，开发者可以方便地使用Layui提供的丰富组件，如按钮、表格、表单。灵活定制：Layui的组件具有很强的可定制性，开发者可以根据自己的需求修改组件的样式、颜色、大小等属性，使得组件能够更好地适应不同的网页应用场景。组件丰富：Layui提供了丰富的Web界面组件，如表格、表单、按钮、选项卡、弹出层等，可以满足大部分网页应用的开发需求。二、Layui的使用。
layui ajax文件上传
JiaZhaoMeng的博客
03-22 3027
/** * Html代码 **/ <div class="layui-form-item" id="img"> <label class="layui-form-label"> <span class="x-red">*</span>文章主图 </label> <button type="bu...
php-ajax结合layui实现分页
01-24
当我想实现分页功能的时候,在网上看到很多分享,但总觉得不是分页栏不好看,就是代码过于复杂,找插件还不好传值,所以自己总结了一下,结合ajax简单的实现分页功能
layui ajax提交表单_layui 使用总结
weixin_39524574的博客
11-28 3326
最近开发中在做项目的后台管理系统。用的guns框架，框架自带的js是layui。自己写页面也不好换模板。就简单的使用layui进行开发了。1、layui的js、css引入跳过。2、layui的js开头定义：首先统一的js语法开头layui.use();要用到什么组件自己添加，下面的示例是用到了jquery、ajax、form表单等组件；但ajax的写法有很多种可以自己写熟悉的语法格式，不...
layui-form-designer.zip
09-25
本项目是一个基于layui表单组件的表单设计器 1....项目实现了大部分基于Layui的Form表单控件布局，包括输入框、编辑器、下拉、单选、单选组、多选组、日期、滑块、评分、轮播、图片、颜色选择、图片上传、文件上传
layui使用form表单实现post请求页面跳转的方法
10-16
本文将详细介绍如何使用layui的form表单实现POST请求并进行页面跳转，以确保数据安全且避免信息泄露。 通常，通过`window.location.href`的方式添加参数进行页面跳转会将数据暴露在URL中，这可能带来安全风险。为了...
解决layui中的form表单与button的点击事件冲突问题
10-18
在开发Web应用时，我们经常会遇到各种前端框架的交互问题，其中之一就是在layui中处理form表单与button点击事件冲突的问题。layui是一个轻量级的前端组件库，它提供了丰富的UI元素和交互功能，包括表单组件和按钮。...
layui使用label标签的方法
12-29
<label class=layui-form-label>选择课程： <div class=layui-input-inline> <select id=select name=modules lay-verify=required lay-search=> <option value=-1>--请选择--</option>
layui 解决form表单点击无反应的问题
10-16
今天小编就为大家分享一篇layui 解决form表单点击无反应的问题，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧
解决Layui 表单提交数据为空的问题
12-29
坑的外观 最近用了一段时间Layui作为项目后台管理模块的前端框架，感觉还是挺好用的。 今天踩了个坑，就是使用layui表单提交时，提交的数据为空。 例如，layer.msg(JSON.stringify(data.field));这句代码执行后，页面显示为空对象。 <form class=layui-form action=> 输入框 <input type=te
layui 的form.on() 通过AJAX 传递一个变量
涛涛之海
04-14 1万+
文章目录问题场景处理方法前台后台 问题场景 执行的修改操作，根据数据id 查到要修改的数据，再把修改后的数据保存到数据库中。 为什么不直接用 JSON.stringify(data.field)？ 因为修改的这条数据涉及到两张表的字段以及对应的是两个实体，后台controller 不太好接收数据，只能分开传递。 data应该是表单中的所有数据，尝试过data.field.urid 不行，只好用Jq...
【layui】ajax传递对象参数，后台使用FromBody接收对象参数
德仔
06-10 1468
前端传递对象参数至后台
layui发送ajax请求
ltgsoldier1的博客
07-25 1万+
html: <form class="layui-form" action="" lay-filter="form-group"> <div class="layui-form-item"> <div class="layui-inline"> <label class="layui-form-label">xxx</label> <div class="la
ajax如何提交多表单的值_LayUI提交表单，监听select，分页组件
weixin_39745269的博客
11-21 227
1、LayUI提交表单这几天做项目，用到提交layui框架的弹出层的表单，因为需要在提交表单后，关闭当前弹出层，同时刷新父窗口的数据，因此，用普通的提交就不行了，因为普通的提交到后台之后没有返回值，就无法做到关闭弹出层和刷新父窗口。找了很多方法，包括查看api，找异步提交方法等，都没有找到合适的方法(也许是我太笨)，最后，在小伙伴的帮助下，终于找到了一个好用的方法。在此，对我的小伙伴表示...
ajax接收servlet的数据data，传入Layui的数据表格
weixin_44446127的博客
01-09 4335
ajax请求接收servlet的数据data，进行Layui数据表格渲染 *通过ajax传入请求到后台（DrinkServlet），从数据库拿到数据传回前端时。由于我之前学的Layui的初始化界面是这样的 //1.方法渲染 table.render({ elem:"#demo", //这个elem绑定的是容器的id,,与分页不同 这个要加井号 url:"js/11user.json", //数据接口，有后台写后台，这里写死一个json cols:[[
layui表单ajax自定义验证
aa704270513的博客
07-10 3640
用layui表单自定义验证用户名是否存在，一开始在下面1处放return，总是不成功，查看发现return要写在最后，即现在的2处 form.verify({ pass: [/(.+){6,12}$/, '密码必须6到12位'] ,nphone: [/(^$)|^1\d{10}$/, '请输入正确的手机号'] ,nemail: [/(^$)|^([a-zA-Z0-9_\.\...
layui表单提交到后台
热门推荐
liqz666的博客
10-17 7万+
思路:我在开发问卷调查模块时，想添加问卷的时候使用layui弹出一个表单,然后经过校验提交到ssm下的Controller里 一：jsp要弹出的表单 &lt;button id="add" class="layui-btn layui-btn-sm"&gt;添加问卷&lt;/button&gt; &lt;div class="layui-row" id="test" style=&
layui-card-body里设置类似layui-form-item的复选框
06-01
如果你想在 layui-card-body 中设置类似 layui-form-item 的复选框，可以使用 layui 的 form 组件来实现。具体步骤如下： 1. 在 layui-card-body 中添加一个表单元素，例如 `<form class="layui-form">` 2. 在表单...

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

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

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值