ajax 取值 返回map_springboot|前端发ajax请求到后台Controller及常见的坑
前端发ajax请求
这块是web的基础,发web请求大概需要以下几步1.引用web相关的依赖2.前端页面引入jquery.js3.编写ajax请求4.编写对应的Controller
引入web相关的依赖
前端的模板选用的是thymeleaf
implementation 'org.springframework.boot:spring-boot-starter-thymeleaf'implementation 'org.springframework.boot:spring-boot-starter-web'引入jquery
jquery可以通过本地的方式引入,也可以通过cdn的方式引入本地引入:先下载jquery.js到static/js目录html页面head中添加:
<head> <meta charset="UTF-8"> <title>Titletitle> <script src="/static/js/jquery-3.4.1.min.js">script>head>如果是CDN话,则不用下载jquery , 直接在head中引入
<head> <meta charset="UTF-8"> <title>Titletitle> <script src="https://cdn.bootcss.com/jquery/3.4.1/jquery.min.js">script>head>编写ajax请求
参考文档:https://api.jquery.com/jQuery.ajax/这里只展示一些常用的参数
$.ajax({ url:'/test/testAjax1', type:'get', async:false, contentType:'application/json', dataType:'json', success:function (data) { console.log(data) } })url:请求后台的urltype:标明是get还是post请求async:是异步的还是同步的,这里有个坑,有时候下拉框用ajax去请求数据,这里默认是异步的,结果数据还没回来,下拉框就开始渲染,然后发现下拉没有数据contentType: 前端的参数格式dataType:接口返回的数据的格式,一般来说,经常不写,让系统自己去判定这里ContentType的值一般来说有两种取值, 默认是application/x-www-form-urlencoded; charset=UTF-8在实际开发中,经常会改成如上的application/json这里改了之后,Controller中也要对应着改入参方式,详情可参考这篇DEMO:springboot|Controller接收处理GET,POST请求入参https://www.javastudy.cloud/articles/2019/11/03/1572752115551.html
Controller接收请求
/** * @Author https://www.javastudy.cloud * @CreateTime 2019/11/8 **/@RestControllerpublic class TestController { @RequestMapping("test/testAjax1") public Map testAjax1(){ Mapmap = new HashMap<>(); map.put("aaa","bbb"); return map; } }结果输出
DEMO总评
ajax请求是web开发中的第一步,我们可以按Http请求来理解他, 有相应的header,有相关的各种type , 其中最麻烦的是要和后端Controller的参数对应关系,稍不留神对应错了后端就收不了参数,或者值没法返回,要多看文档,注意默认值.
可添加小刀微信获取源码
往期热文springboot|springboot配置Filter过滤器springboot|springboot配置拦截器docker|docker 安装zookeeperjava基础|自定义java线程池你点在看的样子真好看：)～
ajax 取值 返回map_springboot|前端发ajax请求到后台Controller及常见的坑相关推荐
- mysql 时间差_后端从mysql取值返回0时区时间数据的问题
近日搞一个B/S项目,前端页面时间字段总是显示格林威冶时间,也就是0时区的时间,比北京时间差了8个小时.打开后台的数据库,在workbench中查询,结果显示的时间格式正常,为当前北京时间.该时间字段 ...
- yii ajax验证失败返回提示,Yii使用ajax验证显示错误messagebox的解决方法
本文实例讲述了Yii使用ajax验证显示错误messagebox的解决方法.分享给大家供大家参考.具体方法如下: yii 自带了ajax 表单验证 这个可能有些朋友不知道了,但我今天在使用yii 自带 ...
- ajax为什么有时候不行,为什么不能用ajax调用
Ajax取值时出现未知的运行时错误的解决方法 在Ajax里经常会通过innerHTML来改变界面,这个比使用DOM要简单一些. 比如: element.innerHTML = "put co ...
- 03-Jmeter参数化取值策略
CSV Data Set Config配置中线程共享模式共有三种,分别为:所有线程.当前线程.当前线程组.这三种模式决定了jmeter的取值策略.Jmeter线程共享模式,共享的是数据文件. 1.线程 ...
- ajax返回list怎么取值_Python中的切片应该怎么用？！
在昨天分享字符串反转的Python实现方法时,我们提到过Python的切片以及切片函数,今天我们就花时间来介绍下Python的切片. 先看一个具体的例子,假如现在有一个列表:list_a = [2,3 ...
- # Ajax提交Form表单以及后端取值（java）
Ajax提交Form表单以及后端取值(java) 1.ajax提交form表单:提交的按钮οnclick="denglu()"时候触发ajax方法 <script>fu ...
- webApi前端ajax调用后端返回{“readyState“:0,“status“:0,“statusText“:“error“}解决方案
webApi前端ajax调用后端返回{"readyState":0,"status":0,"statusText":"error& ...
- ajax登陆返回值判断,一个简单的ajax用户登陆返回值问题？有代码
一个简单的ajax用户登陆返回值问题?有代码 來源:互聯網 2009-11-13 11:55:56 評論 分類: 電腦/網絡 >> 程序設計 >> 其他編程語言 問題描述: ...
- ajax返回值中文变成问号,用ajax传递json到前台中文出现问号乱码问题的解决办法...
用ajax传递json到前台中文出现问号乱码问题的解决办法 我使用的Springmvc,在controller层传输一个json到前台,后台显示没问题,中文正常显示而到了前台 中文就变成了问号. 后来 ...
最新文章
- 工具的学习使用（二）：快捷键、工具、批处理
- Python编程基础：第二十三节 嵌套函数调用Nested Functions Calls
- 2020-12-11 图片格式互转：base64、PIL Image opencv cv2互转
- [html] 说说你对HTML5中pattern属性的理解
- 海豚的屠宰场--海豚湾
- [转载] python sum()函数和.sum(axis=0)函数的使用
- SAS︱数据索引、数据集常用操作(set、where、merge、append)
- ubuntu将一个文件夹下的所有内容复制到另一个文件夹下
- 微信小程序云开发教程-WXSS入门-基本语法
- AndroidOpenCV摄像头预览全屏问题
- win7 由ie8升级ie11时安装不成功的一个原因
- ubuntu 实现文本方式和图形方式的转换_word格式怎么转成pdf-pdf转换软件_pdf格式转word工具在线免费转换...
- IDEA的short command line 的作用
- Python如何调用C
- 设计模式之工厂模式(C++)
- 计算机脚本模板,mv分镜头脚本范文mv的分镜头脚本格式.doc
- 苹果Mac mini装win 7系统
- 模型预测控制（MPC）解析（十一）：变量约束的预测控制
- 关于FIN_WAIT2
- html5独立钻石棋,自制独立钻石棋