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

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

文章目录

• 一、什么是后端方法路径？
• 二、ajax、axios调用后端方法
• 总结

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

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

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

二、ajax、axios调用后端方法

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

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

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

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

总结

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