一文理解前端如何调用后端(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的调用类似,传送门在这里

总结

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

相关推荐
架构师沉默29 分钟前
设计多租户 SaaS 系统,如何做到数据隔离 & 资源配额?
java·后端·架构
遂心_1 小时前
JavaScript 函数参数传递机制:一道经典面试题解析
前端·javascript
遂心_1 小时前
深入理解 React Hook:useEffect 完全指南
前端·javascript·react.js
前端Hardy2 小时前
HTML&CSS: 谁懂啊!用代码 “擦去”图片雾气
前端·javascript·css
前端Hardy2 小时前
HTML&CSS:好精致的导航栏
前端·javascript·css
Java中文社群2 小时前
重要:Java25正式发布(长期支持版)!
java·后端·面试
一个不爱写代码的瘦子3 小时前
迭代器和生成器
前端·javascript
每天进步一点_JL3 小时前
JVM 类加载:双亲委派机制
java·后端
用户298698530143 小时前
Java HTML 转 Word 完整指南
java·后端
渣哥4 小时前
原来公平锁和非公平锁差别这么大
java