layui form ajax提交失败的解决方法

最新推荐文章于 2022-02-01 18:29:29 发布

gebixiaowan

最新推荐文章于 2022-02-01 18:29:29 发布

阅读量5.1k

点赞数 1

CC 4.0 BY-SA版权

文章标签： layui form

本文链接：https://blog.youkuaiyun.com/gebixiaowan/article/details/80195147

本文介绍了一个关于layui表单组件与AJAX交互时出现的问题：表单直接提交而未触发AJAX请求。文中提供了解决方案，即在layui.js之前加载jQuery库。

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

最近在使用layui的form表单的时候遇到一个奇怪的问题就是ajax无法使用

具体表现为网络请求没有ajax的请求信息 form直接提交了设置了 return false 也无反应去掉ajax代码之后 return false 能阻止表单提交解决办法为在页面中加载jq库需要在layui.js调用之前加载jq库

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

gebixiaowan

关注关注

1
点赞
踩
1

收藏

觉得还不错? 一键收藏
0
评论
分享

复制链接

分享到 QQ

分享到新浪微博

扫一扫
举报

举报

ajax 访问后台数据出现身份验证失败问题的解决

mzyqyyjpx的专栏

10-08

1523

前端JS： function getAjaxData() { var strResult = ""; $.ajax({ type: 'post', url: encodeURI(‘Manage.aspx/GetConfigUrl’), data: "{}", contentType: "application/json;charset=utf-8", dataType: "json", cac...

LayUI发送Ajax请求

最新发布

初学者

02-22

4376

页面初始化操作 var processData = null $(function () { initView(); initTable(); // test(); }) function initView() { layui.use(['laydate', 'form'], function () { var laydate = layui.laydate; laydate.render({ elem: '#appl

参与评论您还未登录，请先登录后发表或查看评论

layui form ajax无法提交,layui form.on return false 仍然提交解决办法

weixin_30844301的博客

08-05

866

修改button为inputlayui.use(["jquery","element","form","layer"],function(){var$=layui.jquery;varform=layui.form;varlayer=layui.layer;form.on("submit(add)",function(data){console.log(data...

layer中form表单使用ajax不成功的解决问题方法

Hello的World

08-09

3095

layer中form表单使用ajax提交时，因jquery中$与本身的$冲突，会出现进入不到回调函数的现象，也就是进不到ajax的部分，将jquery的$改一下，var $$ = layui.jquery，就可以解决这个问题，return false;也别忘记加上哦！！ <script> layui.use(['form', 'layedit', 'laydate', 'jq...

解决layui表单ajax提交回调函数不起作用问题的两种方式

学而思(xiejava的blog)

08-12

3561

最近想用layui开发一个论坛模板用的是fly-ui，才接触layui对其还不太熟悉。一个简单的登录就困扰了我很久。登录的form通过ajax提交回调函数老是不起作用。经过浪费了N多时间的调试，发现layui的button默认就是submit提交。所以在ajax提交的时候同时进行了submit的表单提交。因为ajax是异步的，所以在回调函数还没有来得及执行，submit把表单页面提交了，所以回...

Layui(十六) Layui Form 提交错误会显示两遍提交信息

qq_42142258的博客

04-15

645

目的： 1、Layui form 表单提交错误参数后会显示两遍错误提示（一遍是系统错误提示，一遍是自定义提示消息）过程：解决方法： ①、将【表单】提交方法改成【按钮】提交原方法： form.on('submit(demo1)', function(data){ // 自定义逻辑 ...

防止Layui form表单重复提交的实现方法

10-16

使用AJAX提交表单数据的好处是，可以避免页面刷新，并且可以自定义提交完成后的响应处理逻辑。在AJAX请求完成后，可以根据服务器返回的数据进行相应的页面更新，或者显示提交成功的提示。为了进一步增强用户体验，...

使用layui前端框架弹出form表单以及提交的示例

10-16

在本文中，我们将深入探讨如何使用layui前端框架来弹出form表单并进行数据提交。layui是一款基于HTML5和CSS3的轻量级前端组件库，它提供了丰富的UI组件和强大的交互功能，使得Web开发更加便捷高效。下面，我们就按照...

在layui中使用form表单监听ajax异步验证注册的实例

12-09

在layui中，可以使用`layui.form()`对象提供的方法来实现这一功能。例如，我们可以监听表单的submit事件，并通过ajax发送异步请求进行数据验证： ```javascript layui.use('form', function () { var form = layui...

layui ajax checkbox,LayUI动态设置checkbox不显示的解决方法

weixin_31913557的博客

08-05

933

1.页面引入layui.js和layui.css手机银行权限配置新版手机银行权限动态配置交易类型行内转账交易行内预约转账行内同名转账跨行转账交易跨行预约转账微信转账交易要配置的注册类型TSR开始配置method="post">默认规则支持的账户注册类型支持的最小版本号id="MinVersion"autocomplete="off" class="layui-input">静态规则人脸...

layui 监听表单提交form.on(‘submit(sub)‘,function (){}) ajax请求失败问题

夏已微凉、

02-01

2056

一、说明二、修改一、说明 ajax 回调执行异常，写的是 post 请求，但执行时却变成了 get 请求在 submit 最后加上 return false 就解决了二、修改 form.on('submit(sub)', function(data) { $.ajax({ url: "/.../.../index", type: 'post', data: data.field, success: function (res.

关于layui使用ajax的错误

weixin_45858273的博客

07-04

810

目前我在做一个layui前后端分离的简单管理系统，需要有增删改查的内容，后台通过Spring Boot做。遇到的问题我想通过ajax传一个数组给后台，根据网上的办法使用： nums是一个数组 $.ajax({ url: 'http://localhost:8080/deleteUsersBynum', data: {nums: nums} ... }) 这种形式传参数，但是发现这段代码根本不会执行。解决方法声明： var $ = layui.jQuery; //或者 var $ = lay

layui的表单提交，使用form.on('submit(sub)',function (){}) 使用ajax请求时回调不执行的原因及解决方法

qq_40750454的博客

12-27

4275

一个让我永远难以忘怀的bug，使用ajax请求向后台请求一个执行结果，根据结果进行处理，出现回调无法执行，在submit后面加上一个return false就解决了 form.on('submit(demo1)', function(data){ $.ajax({ type: 'post', url: "{:url('Putout/putout_add'...

layui上传报错会有哪些原因_Layui上传文件

weixin_39961522的博客

12-22

739

前端：LOGO上传图片layui.use(['jquery', 'layer', 'form', 'upload'], function(){var layer = layui.layer,form = layui.form,upload = layui.upload,$ = layui.$;var uploadLogo = upload.render({elem: '...

LayUI之Ajax遇到的问题,

cfdike的博客

02-24

1078

使用layui的时候发现在Ajax请求中 Ajax请求发送成功，但是layui.msg不生效，解决方法如下原代码 $(function () { layui.use('form', function(){ var form = layui.form; // layer.msg('玩命卖萌中', functio...

layui使用ajax点击没反应，一直报错处理

weixin_45290734的博客

12-30

1070

使用layui前端操作一直报错，排查出现 Uncaught ReferenceError: $ is not defined at Object.yes ((index):169) at HTMLAnchorElement. (layui.js:4) at HTMLAnchorElement.dispatch (layui.js:2) at HTMLAnchorElement.m.handle (layui.js:2) 排查问题发现是没有加载jQuery 处理之前是 <link rel="st

解决layui使用ajax请求发送失败及回调不显示

qq_40323503的博客

07-08

1704

作为一个新手，初次使用layui和springboot进行项目的编写。在编写登录功能，ajax一开始无法发送请求，controller接收不到。排出了jquery版本影响，发现在ajax请求种未设置contentType: 'application/json; charset=UTF-8',奇怪的是，在不设置请求体中显示contentType和Accept类型同属application/json，...

layui 表单ajax不执行,layui表单提交使用form.on('submit(sub)',function (){}) 使用ajax请求时回调不执行的原因及解决方法...

weixin_39928233的博客

08-05

885

ayui使用官方的表单模块form.on('submit(sub)',function (){}) 提交，使用ajax请求向后台请求一个执行结果，根据结果进行处理，出现回调无法执行，并且页面出现了刷新之前也遇到过这个问题，直接使用将form标签修改成了div，通过jquery为提交按钮添加点击事件，而不用submit提交表单。今天在为毕设添加修改密码的功能的时候，再次遇到了这个问题，刚好有点空闲，...

【前端】return false失灵，无法阻止提交表单

mudarn的博客

01-29

3909

function login(){ var logName=$("#logName").val(); var phone=$("#phone").val(); var protectNum=$("#protectNum").val(); if (logName == '' || logName == undefined || logName == null) ...

layui 多个form表单只提交一个

03-31

首先，给每个需要提交的表单设置一个唯一的 id，然后在页面加载完成后，使用 layui 的 form.on() 方法监听表单提交事件，当任意一个表单提交时，获取该表单的数据并存储到一个全局变量中，然后阻止表单提交。...