JavaVue 借助json传递数据

news/2024/9/23 5:17:53/

json_0">由前端向后端发送一个json键值对

<template><div><button @click="sendRequest">发送请求</button></div>
</template><script setup>javascript">
import axios from 'axios';const sendRequest = () => {const jsonData = {key1: 'value1',key2: 'value2',};const jsonString = JSON.stringify(jsonData);axios.post('http://localhost:8080/test', jsonString, {headers: {'Content-Type': 'application/json',},}).then(response => {console.log('成功发送请求', response);// 处理后端返回的响应}).catch(error => {console.error('发送请求失败', error);// 处理请求失败情况});
};
</script>
java">package com.example.myjson;import org.springframework.web.bind.annotation.*;@CrossOrigin
@RestController
public class JSONController {@PostMapping("/test")public String handleJSONRequest(@RequestBody String jsonString) {// 这里可以对接收到的JSON字符串进行处理System.out.println("接收到的JSON字符串:" + jsonString);// 返回一个简单的响应return "成功接收到JSON请求";}
}

json_57">发送一个由前端json包装过的类对象

<template><div><button @click="sendTaskInfo">发送TaskInfo</button></div>
</template><script setup>javascript">
import axios from 'axios';const sendTaskInfo = () => {// 创建 TaskInfo 对象const taskInfo = {id: 1,task: '完成项目任务',startTime: new Date(),endTime: new Date(),elapsedTime: 3600, // 假设任务耗时为3600秒};// 将 TaskInfo 对象转换为 JSON 字符串const jsonTaskInfo = JSON.stringify(taskInfo);// 发送 POST 请求到后端axios.post('http://localhost:8080/test', jsonTaskInfo, {headers: {'Content-Type': 'application/json',},}).then(response => {console.log('成功发送 TaskInfo', response);// 处理后端返回的响应}).catch(error => {console.error('发送 TaskInfo 失败', error);// 处理请求失败情况});
};
</script>
java">public class TaskInfo {private int id;private String task;private Date startTime;private Date endTime;private long elapsedTime;
}
java">@PostMapping("/test")public ResponseEntity<String> handleJSONRequest(@RequestBody TaskInfo taskInfoJson) {// 这里 taskInfoJson 就是前端发送过来的 JSON 转换后的 TaskInfo 对象System.out.println("接收到的 TaskInfo 对象:" + taskInfoJson);// 在这里可以对 TaskInfo 对象进行进一步处理// ...// 返回一个简单的响应return new ResponseEntity<>("成功接收到 TaskInfo 对象", HttpStatus.OK);}

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

相关文章

linux——yum工具详解

yum是linux中自动解决软件包依赖关系的管理器 同时&#xff0c;yum也是一个rpm软件 这里使用yum install nginx安装nginx

Linux(引导过程与服务控制)

目录 1.linux操作系统引导过程 1.1引导过程总览 ​编辑1.2 linux操作系统的引导过程 1.3 系统初始化进程 1.4 Systemd单元类型 1.5 运行级别所对应的systemd目标 2.排除启动类故障 2.1 修复MBR扇区故障 2.2 实例&#xff1a;修复MBR扇区故障 2.3 实例&#xff1a;…

python lambda表达式的用法

Python 中的 lambda 表达式是一种用于创建小型匿名函数的方式。这些函数是即时定义的&#xff0c;没有名字&#xff0c;可以用在任何需要函数的地方。lambda 函数可以有任意数量的参数&#xff0c;但只能有一个表达式。这个表达式的计算结果会被自动返回。lambda 表达式通常用于…

STL基础(四)非类型模板参数

1、非类型模板参数 前面两篇文章中举的例子中模板参数都是类型,但是在C++模板编程中,模板参数不仅仅可以是类型,也可以是非类型。这里举个简单的例子: template <int N> void print() {std::cout << N << std::endl; }int main(

二,几何相交-5,BO算法实现--(3)事件和操作

分两步 1&#xff0c;初始化&#xff0c;将n条线段的2n个端点从左到右依次加入优先队列 2&#xff0c;相交事件时&#xff0c;将交点放入优先队列的合适位置 比如14相交事件后&#xff0c;会发现34交点&#xff0c;于是将34交点放入优先级队列。值得注意的是&#xff0c;14相…

spring生成递增key值

需求&#xff1a; 在数据库中&#xff0c;某个字段需要根据规则生成唯一的字段。格式&#xff1a;TK年月日0000&#xff08;从001开始递增&#xff09;&#xff0c;例如&#xff1a;TK202404200001。 所以我们自己手写一个代码来生成对应的code&#xff0c;并且自增。下面的代…

【第6节】Lagent AgentLego 智能体应用搭建

目录 1 基础课程2 安装环境2.1 教程要求2.2 安装 Lagent 和 AgentLego 3 实践操作3.1 Lagent&#xff1a;轻量级智能体框架3.1.1 Lagent Web Demo 使用3.1.2 用 Lagent 自定义工具 3.2 AgentLego&#xff1a;组装智能体“乐高”3.2.1 AgentLego 直接使用部分3.2.2 AgentLego We…

【Python】Python函数的黑魔法:递归,嵌套函数与装饰器

欢迎来到CILMY23的博客 本篇主题为&#xff1a; Python函数的黑魔法&#xff1a;递归&#xff0c;嵌套函数与装饰器 个人主页&#xff1a;CILMY23-CSDN博客 系列专栏&#xff1a;Python | C | C语言 | 数据结构与算法 感谢观看&#xff0c;支持的可以给个一键三连&#xff…