采坑ajax

Ajax下载文件乱码 背景: 同事给发了份excel,要求补充数据,每次给同事提供数据都是跑脚本方式,实在麻烦,那就导入excel后再让他导出补充后的excel好了,他自己可以操作,省时省力。 采坑纪实: 先是采用ajax请求,第一版代码: $.ajax({ type: "POST", url: Feng.ctxPath + "/export/batchExportTask", async: true, data: formDat 阅读详情

今天一不小心踩了两个坑,总归起来就是一个事儿:用layui进行ajax表单提交。

坑一:layui的的表单默认是进行form表单提交的,如果不在监听提交事件的最后加一句"return false",总是无法执行ajax的url地址。

坑二:ajax后台java对象接收数据,字段名称都完全正确,且,表单里面的input的值都取到了的,为什么会报错呢?于是乎我删除了一个日期字段,该字段是日期格式,但是后台渲染把它转成了字符串格式,提交后,后台才不保400的错,真是搞笑。


总结一下就是:用return false阻止layui的默认表单提交方式,其次,ajax提交数据名称和数据类型必须完全一致,否则报错400.

Ajax、Json深入浅出,及原生Ajax及简化版Ajax 通过对ajax的就绪状态做判断,我们在就绪状态是4的情况下编写我们的对响应结果的处理逻辑代码,但是不是任何响应结果我们都要处理,因为服务器的响应也有状态码,比如:200、404、500等等。在ajax对象中提供了一个监听机制 “onreadystatechange”,用来监听ajax的属性readyState的改变情况,一旦该值改变,就会触发监听中的函数的执行。发送请求后,不需要等待服务端的响应,继续按照顺序执行其他逻辑代码,监听到响应,自动调用指定的方法。 阅读详情

相关推荐

SpringBoot 上传文件与表单数据 采坑笔记

前端代码: 提交数据的 AJAX 代码 后台接收参数的代码如下: 然后 坑就来了,反复提示我 这两个参数不存在报错:400,Required request part 'modelName' is not present,F12 也看了 modelName 与2进制的文件数据都是有的,参数名字也是对应的,后台就是接收不到。 各种百度,有一种解决方案如下@RequestPa...

weixin_42758129的博客 6509

Ajax的坑

文章目录contentType与json contentType与json 错误写法:(但是运行没问题) <font color=red>/* 该变量数据格式为 k1=v1&k2=v2 */</font> var course_update_form_info = deco deURIComponent($("#course-update-form input").serialize(),true); /* KVtoJson方法是将k1=v1&k2=v2转换为{

weixin_44854986的博客 192

Retinanet训练自己的数据(2):模型准备

  在上一篇博客中,我们已经处理好了模型需要的数据集,下一步就是准备模型去训练数据。这里提醒一句,在制作数据时,最好将训练集和测试集人为分开。像Google tensorflow API,在制作数据时可以按比例自动生成,但是在上一篇文章中产生的数据(annotation.csv )其实都是用来训练的,如果你把自己的数据集全都转换了,那么恭喜你,最后你会发现没有数据集去测试了。   下面开始模型准...

mingyang_wang的博客 5883

使用ajax遇到的坑

1.ajax请求成功,但是却进入error方法 问题描述:ajax请求成功后,明明能在network中看到服务器返回的数据,但是ajax却进入了error方法 【解决办法】有可能是ajax请求时设置的dataType和服务器返回的数据格式不同,去掉dataType即可 2.ajax请求成功,但是既不进入success方法,也不进入error方法,同时network中报错Provision...

小白学编程 4468

Ubuntu 22.04下Nvidia显卡驱动安装全攻略:从PPA源到避坑指南

本文详细介绍了在Ubuntu 22.04系统下安装Nvidia显卡驱动的完整流程,包括PPA源的使用、旧驱动清理、安装后验证及常见问题解决方案。特别针对机器学习开发者和图形设计师,提供了从基础安装到性能调优的全方位指南,帮助用户避免常见安装陷阱并优化GPU性能。

weixin_29213655的博客 381

Arduino——GY39大气压、温湿度、光照模块

前几天买东西的时候买了一个GY39,这个模块集成了温湿度,大气压,海拔,光照一体,使用起来很方面。它有两种工作模式使用串口模式时需要搭配转接板,我选择了IIC模式,看一下通信协议吧,就是关于高八位和低八位的数据。看一下接线。

戚晨夕的博客 2605

简单ajax坑我好几次

说起ajax,肯定是一个好东西,但是就这样的一个东西,坑我几次才搞定。 还是gson 先标注,之后我再写

唐宋源码清的博客 388

手把手教你用DCA1000EVM解析IWR6843毫米波雷达数据(附MATLAB代码)

本文提供了一份详尽的实战指南,手把手教你使用DCA1000EVM采集并解析TI毫米波雷达IWR6843的原始数据。内容涵盖硬件连接配置、mmWave Studio参数设置、LVDS数据流结构解析,并附有核心MATLAB代码,详细演示了从原始二进制文件到距离-速度谱的信号处理全链路,帮助开发者快速掌握数据解析与处理的关键步骤。

terraform7cloud的博客 227

关于ajax的一些坑

汇总-更新heanders没有获取到请求头的值Content-Typeapplication/json heanders 没有获取到请求头的值 使用nginx转发请求,但是丢失请求头的值 $.ajax({ url: TEMP_API, type: 'POST', async: false, headers: { "Authorization": "Basic " + tempStr }, data: {}, success:function(){}, error:function(){

baiyikai的博客 248

点云配准实战:用DGCNN+Transformer+SVD搞定3D模型对齐(附PyTorch代码)

本文详细介绍了基于深度学习的点云配准实战方法,重点解析了Deep Closest Point (DCP)模型。该模型融合了DGCNN、Transformer和可微分SVD三大核心模块,能够端到端地预测点云间的刚性变换,有效克服传统ICP算法对初始位置敏感、易陷入局部最优的缺点。文章提供了完整的PyTorch代码实现、ModelNet40数据集处理、训练策略及显存优化技巧,旨在帮助开发者在机器人、自动驾驶等领域实现精准的3D模型对齐。

weixin_29061041的博客 153

【技能】OpenClaw Skills学习及手搓一个极简skill

本文介绍了OpenClaw Skills的基础概念与使用方法。Skills是OpenClaw代理使用工具的核心载体,通过SKILL.md文件定义技能属性和执行方式。技能加载遵循"工作区>本地>内置>自定义目录"的优先级规则。用户可通过ClawHub一键安装现成技能,也可自定义开发技能:创建技能目录,编写包含YAML元数据和执行指令的SKILL.md文件,放置于工作区skills目录进行测试。文章还介绍了多代理场景下的技能共享、插件集成以及安全注意事项,包括沙箱使用和敏感

海兰 3975

Ajax 请求的坑

一、Ajax 请求的 CSRF 保护机制 开发普通页面,在一般情况下,我们使用 jquery 的 Ajax 代替原生 js 向后端发起请求是很方便的。后端在一般情况下,我们使用的是像 laravel、Yii、ThankPHP 或者 CodeIgniter 等等这样的框架。这些框架无一例外都使用了 CSRF保护机制,什么是 CSRF?CSRF跨站点请求伪造(Cross—Site Request Forgery),跟XSS攻击一样,存在巨大的危害性。简单理解一下,最常见的情况,就是 A 站点的页面去请...

孤舟残月梦还长存的专栏 2328

气体放电管GDT选型解析

气体放电管(GDT)是电子设备电磁兼容设计中应对浪涌防护的核心器件,具有高能量吸收能力(10kA以上)和低漏电流特性。其工作原理分为击穿、导通和熄弧三阶段,通过电离气体泄放浪涌能量。GDT适用于雷击等大能量防护,但响应较慢(0.1-0.3μs),需搭配TVS/MOV组成多级防护。选型需匹配击穿电压(如220VAC系统选800V型号),并注意续流风险。典型应用包括电源端口、通信防雷模块的三极管共模防护或GDT-MOV串联方案,实现能量分流与快速钳位平衡。

硬核科技 208

【采坑日记】layui默认表单提交改成ajax提交

HTML表单代码 <form class="layui-form"> <div class="layui-form-item"> <label class="layui-form-label" >用户名</label> <div clas...

CaiXinXing的优快云博客 1059

YOLOv8 改进:添加 LSK 注意力机制

通过添加 LSK 注意力机制,YOLOv8 能够更有效地捕捉特征图上的重要信息,提高检测性能,尤其是在复杂场景下展现出色的表现。这种方法不仅适用于资源受限的设备,还能在丰富多样的实际应用中提供强劲支持。

走向CTO的路上... 1221

Data-Structures-and-Algorithm-Analysis-in-Java.pdf

作者: Weiss, Mark A. 出版社: Addison Wesley Data Structures and Algorithm Analysis in Java is an “advanced algorithms” book that fits between traditional CS2 and Algorithms Analysis courses. In the old ACM Curriculum Guidelines, this course was known as CS7. This text is for readers who want to learn good programming and algorithm analysis skills simultaneously so that they can develop such programs with the maximum amo...

【jquery采坑】Ajax配合form的submit提交(微擎表单提交,ajax验证,submit提交)

1、采坑:实现form的submit提交,在提交之前,进行ajax的不同校验,然后onsubmit=return check(),进行提交 1/1 目的:可以实现以 from的submit提交,然后还能进行数据的ajax动态验证。 2、html: &lt;form class="form-horizontal" method="post" role="form" onsubmit='return...

weixin_34008933的博客 565

ssm框架搭建

这个是一个在idea上成功跑起来的ssm框架项目,保存在这里方便以后使用直接下载

采坑:ajax请求返回得到json数据,取出具体项却为undefined!

最近 用到jQuery-ajax请求服务器获得json格式的数据,但取出具体其中的某一项时却为undefined,找啊找一个漫长的过程.........., 最后发现是:$.ajax{....}中的dataType写成datatype了,虽然取到的是json数据,但取不到具体项, 改正为dataType后,会发现得到的是object类型,此时就可以拿到具体每一项的数据了。 只因为写错了一个字...

滴水石穿 1823

pscad IEEE标准系统搭建说明

pscad IEEE标准系统搭建说明,包含典型的IEEE 9节点、14节点、30节点、39节点和118节点系统。内含标准测试系统的原始数据和潮流结果。

霍尼韦尔SoftMaster使用说明

霍尼韦尔SoftMaster使用说明

Thinkphp采坑之jquery ajax post&&Common/Common/function.php清楚缓存

今天试了下用thinkphp写个登录功能,发现还是有点小坑的,基础很重要啊 1.jquery ajax post请求回调函数死活不执行! 代码是这个样子的: var url = "http://localhost:8082/TP/JAP/index.php/Admin/User/login" var postDate={'userName':userName,'pwd':pwd}; $.

小琅琊的博客 1184

前端js采坑,一个函数中同时有多个ajax()异步请求

在近期的项目中: 问题:多个异步请求执行时,有两个请求的路径是相同的,导致结果只执行当中的一个异步请求? add: function(){ vm.showList = false; vm.title = “新增”; vm.role = {deptName:null, deptId:null}; vm.getDataTree(); vm.getMenuTree(null); vm.getDept()...

Elliot_Ji的博客 5039

前端layui采坑集锦

采坑集锦 layui的表单校验的时候,要是以下这种方式,特别注意的是:后台如果接收不到传的数据,那么一定把数据toString(); qrcode:function (value, item) { let message=''; let vale = value.toString(); $.ajax({ type:'POST',

Java修炼者的博客 435

ajax与302的坑

ajax与302响应 在ajax请求中,如果服务器端的响应是302 Found,在ajax的回调函数中能够获取这个状态码吗?能够从Response Headers中得到Location的值进行重定向吗?让我们来一起看看实际情况。 使用jquery的$.ajax()发起ajax请求的javascript代码如下: $.ajax({ url: '/oauth/respond', ...

gwdgwd123的博客 890

Jquery ajax 访问SpringBoot Json的那些坑

来说说ajax访问的问题。 先看先大概情况。 后端是springboot搭建的环境,controller如下: @SuppressWarnings({ "rawtypes", "unchecked" }) @PostMapping(value = "/tasklistbytask") private Object taskListbyList(@RequestBody Ma...

积跬步,成千里。 1697

ajax获取boolean值并返回的坑

ajax获取boolean值并返回的坑 问题描述 前台需要通过ajax请求从后台获取一个返回值为boolean的,并且把结果通过调用的函数返回 例如 function check(){ var result = false; $.post(‘check.do’,’’,function(data){ result = JSON.parse(data); }); console.log(result...

back_day的博客 2642

ajax获取json layui_layui之ajax巨坑

在使用layui做前端框架的时候,在请求ajax时,回调函数不执行问题,找了各种原因,各种的更改ajax参数类型和webapi返回类型 各种不行,最后发现layui默认是form提交,想要让他执行ajax回调就只是一句话 return false 看代码layui.use(['form', 'layer'], function () {$ = layui.jquery;var form = la...

weixin_35292208的博客 1098

这5个Ajax的坑,你踩过几个?

谈到ajax,大家都不会陌生,对于Web前端开发的童鞋,经常会跟它打交道,难免入"坑"。今天来分享下前端开发遇到的问题;首先,还是了解下ajax的定义。ajax()定义a...

web前端开发 411
上一篇: Mybatis插入数据null的的解决方案
下一篇: Ubuntu系统配置jdk
评论
成就一亿技术人!
拼手气红包6.0元
还能输入1000个字符
 
 条评论被折叠 查看
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明:

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

余额充值