一文理解前端如何调用后端(java)方法

阅读完文章大约需要3~5分钟

文章目录


一、什么是后端方法路径?

这里针对的是 java 后端项目中在 controller 文件夹中的类文件,这类文件的后缀一般都会带有 controller,很容易辨认,前端调用的方法也都是这类文件中的方法,如图:

其中的方法路径理解也很简单,只需要注意注解 @RequestMapping,那么方法的路径是类的路径拼接方法的路径,如图:

二、ajax、axios调用后端方法

这里是方便初学者或者小白看明白,所以暂不介绍原生的 XMLHttpRequest 对象,想理解的同学,传送门在这里

这里我只介绍最简单的调用方式:

javascript 复制代码
$.ajax({
  url : "/news/page",//后端方法路径
  type : "get",//或者post,这里是后端方法的请求方式
  data : "username="+$("#username").val(),//后端方法需要的参数或者对象参数
  success : function(param){
  	//请求成功调用该方法
    alert(param);
  }else{
  	//请求失败调用该方法
  	this.$message.error(param.msg);
  }
});

axios的调用类似,传送门在这里

总结

初学者不必纠结代码语法,大致能看懂就行,主要是理解调用的模版格式,文章仓促而为,或许存在问题,望大家多多海涵指教~~~~

相关推荐
某公司摸鱼前端10 分钟前
uniapp socket 封装 (可拿去直接用)
前端·javascript·websocket·uni-app
要加油哦~11 分钟前
vue | 插件 | 移动文件的插件 —— move-file-cli 插件 的安装与使用
前端·javascript·vue.js
Fireworkitte1 小时前
Apache POI 详解 - Java 操作 Excel/Word/PPT
java·apache·excel
weixin-a153003083161 小时前
【playwright篇】教程(十七)[html元素知识]
java·前端·html
DCTANT2 小时前
【原创】国产化适配-全量迁移MySQL数据到OpenGauss数据库
java·数据库·spring boot·mysql·opengauss
Touper.2 小时前
SpringBoot -- 自动配置原理
java·spring boot·后端
wen's2 小时前
React Native 0.79.4 中 [RCTView setColor:] 崩溃问题完整解决方案
javascript·react native·react.js
黄雪超2 小时前
JVM——函数式语法糖:如何使用Function、Stream来编写函数式程序?
java·开发语言·jvm
ThetaarSofVenice2 小时前
对象的finalization机制Test
java·开发语言·jvm
vvilkim3 小时前
Electron 自动更新机制详解:实现无缝应用升级
前端·javascript·electron