关于ajax表单提交的一个坑

最新推荐文章于 2021-08-05 12:16:57 发布

avv69243

最新推荐文章于 2021-08-05 12:16:57 发布

阅读量122

点赞数

原文链接：http://www.cnblogs.com/yaoguanglei/p/8093088.html

版权

　　最近哥们碰到一个坑，这里给大家分享一下。

　　bug：当表单提交使用ajax提交时，打开console，会发现页面跳两下，第一次打印正确，第二次空白。

　　原因：在form中，提交按钮使用 button，type="submit"。第一次是表单提交，第二次是ajax提交。

转载于:https://www.cnblogs.com/yaoguanglei/p/8093088.html

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

avv69243

关注关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
复制链接

分享到 QQ

分享到新浪微博

扫一扫

layui ajax提交表单_layui 使用总结

weixin_39524574的博客

11-28

3399

最近开发中在做项目的后台管理系统。用的guns框架，框架自带的js是layui。自己写页面也不好换模板。就简单的使用layui进行开发了。1、layui的js、css引入跳过。2、layui的js开头定义：首先统一的js语法开头layui.use();要用到什么组件自己添加，下面的示例是用到了jquery、ajax、form表单等组件；但ajax的写法有很多种可以自己写熟悉的语法格式，不...

关于在LayUI中使用AJAX提交巨坑记录

10-16

在LayUI中使用AJAX进行表单提交时，可能会遇到一些坑，这些坑主要体现在前端与后端交互过程中的一些不一致或者预期之外的行为。本文将深入探讨这个问题，并提供解决方案。首先，LayUI是一个轻量级的前端组件库，它...

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

ajax提交表单，包括跳入的坑！

weixin_30679823的博客

07-27

本来今天上午写了一个js执行上下文的一个了解。但是写一大半的时候出去有事，电脑关了啥都没了。还是让我们进入正题 ajax提交表单，很简单，原生js的代码太复杂，我们就jq的去写。创建html文件，编写内容。 css样式我就随便写了一下。写完以后就是这样样式你随便开心就行，开始编写js代码。（这里说一点，我这边用的是json：server假数据。不会的可以去看一下，我...

ajax发送post请求遇到的坑

02-19

256

用django-rest-framework写好了一个接口。如下，就接收两个字符串参数。前端写了一个简单的提交post请求到这个接口，如下浏览器提交请求后，一直提示400 Bad Request 我看一下浏览器信息，数据看起来没错，是json格式的数据。以为是 Provisional headers are shown 这个原因。。。。。。 ...

ajax提交json数据大坑（正常不会出现的问题）

亲，如果文章对你有帮助的话请点个关注吧！

04-08

1903

ajax提交这是我的提交方式，在提交过程中报错，在浏览器中查看状态码为415，返回值和后台都显示不能处理application/x-www-form-urlencoded;charset=UTF-8类型的数据，很明显，我已经设置了json数据的传输格式我重新测试了一下接口没问题，接下来在浏览器控制台查看提交的数据格式也是没有问题的，然后我查看了浏览器控制台中的请求信息看...

表单提交前ajax验证,如何在提交表单之前等待ajax验证完成？

weixin_35752122的博客

08-05

278

表单在validateUsername函数之前提交时遇到问题，有机会在服务器端完成用户名检查。仅在validateUsername函数完成后才如何提交表单？希望这很清楚…form.submit(function(){if (validateUsername() & validateEmail() & validatePassword()) {return true;} else {...

form表单ajax提交时自动刷新【埋坑】

weixin_43941584的博客

12-19

1172

//前端小白，登录页做前后端交互时，ajax交互提示成功之后，页面不跳转到制定的页面，表单自动刷新了？（黑人脸……）不说了，代码供上…… &amp;amp;amp;amp;amp;amp;lt;form&amp;amp;amp;amp;amp;amp;gt; &amp;amp;amp;amp;amp;amp;lt;section&amp;amp;amp;amp;amp;amp;gt; &amp;amp;amp;amp;

layui 表单提交不执行ajax的坑

weixin_30401605的博客

08-24

2114

在官方文档2.x里面写的layui Form提交示例，form.on事件获取表单对应的json信息，然后自己ajax提交表单，但是总是提交失败，一开始以为获取到json信息之后的那个return false已经无用了。没想到就这个return 坑了我好一会。如果要提交ajax请求必须要在form.on事件的结尾加上return false。记录一下，下面是代码。这个页面的前提是引入了...

layui.form用ajax提交表单时的问题

heyy1997的博客

04-20

1232

主要问题：使用layui的form组件用ajax提交表单发送请求时，总是无法收到回调函数，success与error中的回调均不执行，且该表单会自动刷新。解决办法：在提交表单的方法form.on()中添加return false，以防止表单自动跳转刷新代码示例： form.on("submit(sub)", function (obj) { var user = obj.field; layer.load(5, {

php后台处理表单,Ajax表单提交及后台处理

weixin_34318945的博客

03-20

355

这次给大家带来Ajax表单提交及后台处理，Ajax表单提交及后台处理的注意事项有哪些，下面就是实战案例，一起来看一下。首先先说下表单提交吧，要提交表单那么就得先收集表单数据(至于验证这个我就不说了，要说留下下次吧),有了jquery取个html的值还是简单$("xxid").val()等就完了，但如果一张表单收集的数据很多，像这样的表单又有很多张，那用此方法肯定麻烦死，并且容易眼花录错。所以，我们...

Ajax提交Form表单页面仍会刷新问题的快速解决办法

12-29

搞了半天原来点击提交按钮少加了个type=button 原来是 &lt...//在记一个坑（刚学前台，不是很懂，项目中自己给自己挖了个坑，哈哈...） <form class=form-horizontal> 修改资料名称： <div class=col-sm-7

解决Layui 表单提交数据为空的问题

12-29

今天踩了个坑，就是使用layui表单提交时，提交的数据为空。例如，layer.msg(JSON.stringify(data.field));这句代码执行后，页面显示为空对象。 <form class=layui-form action=> 输入框 <input ...

串流分屏 - 两台笔记本电脑屏幕共享

11-04

串流分屏 - 两台笔记本电脑屏幕共享

tornado-6.3.2-cp38-abi3-musllinux_1_1_x86_64.whl

11-04

tornado-6.3.2-cp38-abi3-musllinux_1_1_x86_64.whl

基于java的银行业务管理系统答辩PPT.pptx

11-04

基于java的银行业务管理系统答辩PPT.pptx

TA_Lib轮子无需编译-TA_Lib-0.4.17-cp35-cp35m-win32.whl.zip

最新发布

11-04

TA_lib库（whl轮子），直接pip install安装即可，下载即用，非常方便，各个python版本对应的都有。使用方法： 1、下载下来解压； 2、确保有python环境，命令行进入终端，cd到whl存放的目录，直接输入pip install TA_lib-xxxx.whl就可以安装，等待安装成功，即可使用！优点：无需C++环境编译，下载即用，方便

机器学习（大模型）：法律领域预训练的大型语言模型（LLM）微调而设计的数据集

11-04

"Turkish Law Dataset for LLM Finetuning" 是一个专为法律领域预训练的大型语言模型（LLM）微调而设计的数据集。这个数据集包含了大量的土耳其法律文本，旨在帮助语言模型更好地理解和处理土耳其法律相关的查询和文档。该数据集的特点包括：专业领域：专注于土耳其法律领域，提供了大量的法律文本和案例，使模型能够深入学习法律语言和术语。大规模：数据集规模庞大，包含了超过1000万页的法律文档，总计约135.7GB的数据，这为模型提供了丰富的学习材料。高质量：数据经过清洗和处理，去除了噪声和非句子文本，提高了数据质量，使得模型训练更加高效。预训练与微调：数据集支持预训练和微调两个阶段，预训练阶段使用了大量的土耳其语网页数据，微调阶段则专注于法律领域，以提高模型在特定任务上的表现。多任务应用：微调后的模型可以应用于多种法律相关的NLP任务，如法律文本摘要、标题生成、文本释义、问题回答和问题生成等。总的来说，这个数据集为土耳其法律领域的自然语言处理研究提供了宝贵的资源，有助于推动土耳其语法律技术的发展，并为法律专业人士提供更精准的技术支持。通过微调，

农业信息化服务平台 SSM毕业设计附带论文.zip

11-04

农业信息化服务平台 SSM毕业设计附带论文启动教程:https://www.bilibili.com/video/BV1GK1iYyE2B

tornado-6.1b2-cp36-cp36m-manylinux2010_i686.whl

11-04

tornado-6.1b2-cp36-cp36m-manylinux2010_i686.whl

AJAX表单提交实时校验与示例代码

首先，我们了解到，Ajax默认情况下并不会像传统方式那样在提交表单前执行客户端验证，因为它的请求是在后台异步进行的。这就需要我们采取一些策略来确保数据的有效性。一种常见的做法是设置一个"flag"变量，这个flag...