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

news/2024/9/23 11:19:12/

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

文章目录

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


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

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

在这里插入图片描述

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

在这里插入图片描述

ajaxaxios_16">二、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的调用类似,传送门在这里!

总结

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


http://www.ppmy.cn/news/1448200.html

相关文章

github的注册和使用

注册 GitHub 账号 打开 GitHub 官方网站:https://github.com/点击页面右上角的“Sign up”按钮。输入你的邮箱地址、选择一个用户名、设置密码。同意 GitHub 的使用协议。点击“Sign up for GitHub”完成注册。 设置 GitHub 登录后,你可以设置个人的头…

论文精读-基于FPGA的卷积神经网络和视觉Transformer通用加速器

论文精读-基于FPGA的卷积神经网络和视觉Transformer通用加速器 优势: 1.针对CNN和Transformer提出了通用的计算映射(共用计算单元,通过不同的映射指令,指导数据通路和并行计算) 2.非线性与归一化加速单元&#xff0…

Python实现自动化的服务器部署和配置管理库之pyinfra使用详解

概要 在现代软件开发中,自动化部署和配置管理变得越来越重要。Python pyinfra库是一个强大的工具,可以帮助开发者实现自动化的服务器部署和配置管理。本文将介绍pyinfra库的安装、特性、基本功能、高级功能、实际应用场景以及总结。 安装 首先,来看一下如何安装pyinfra库。…

算法人生(16):从“K均值 C均值”看“为人处事之道”

现代生活中,经常会听到一个词“双标”,通常用来描述某人对人对己采用了不同的标准,当然生活中会出现这样的情况,个人处于“利己”的思维来“双标”, 但“双标”可能还有另外一个原因,就是这个人是懂得“变通…

若依框架学习-springboot-gateway笔记

版本:若依框架微服务版本 学习内容:springboot-gateway 熔断降级踩坑 文档上使用的hystrix在springcloud3.1.8不再支持,建议改为使用CircuitBreaker,使用方式和hystrix几乎无差别,只是需要修改pom引用: …

面试中算法(链表)

链表相关的题 有一个单向链表,链表中有可能出现“环”,如图所示,如何用程序来判断该链表是否为有环链表呢? 对于这道题,有一个很巧妙的方法,这个方法利用了两个指针。 首先创建两个指针pi和p2(在Python里就是两个对象…

Spring Data Redis简单使用

Spring Data Redis是一个用于简化应用程序与Redis交互的开发框架。它提供了简单的配置和方便的操作API,使得与Redis的集成变得更加容易。下面是一个快速入门使用Spring Data Redis的步骤: 步骤 1:添加依赖 在您的项目中添加Spring Data Redi…

openjudge_2.5基本算法之搜索_2152:Pots

题目 2152:Pots 总时间限制: 1000ms 内存限制: 65536kB 描述 You are given two pots, having the volume of A and B liters respectively. The following operations can be performed: FILL(i) fill the pot i (1 ≤ i ≤ 2) from the tap; DROP(i) empty the pot i to the…