javaweb AXIOS的post请求方式测试

后端servlet使用了反射方法,能自动读取前端传输的json对象中约定好的一个叫type的键值对的值 然后自动执行和这个值同名的方法

前端传输的json对象

后端会被调用的方法

现在前端分别使用AXIOS.post的两种数据书写格式进行传输

格式一

格式二

控制台打印结果说明回调函数被调用

 

但IDEA中的方法并没有被调用

即反射机制没能从前端传输的json中读取到数据

控制台打印结果说明回调函数被调用

IDEA中打印结果说明后端的方法已经进入

即反射机制正常起作用,从前端传输的json中读取了type键值对数据

这种格式和第一种格式的结果一样,也不行:

结果同格式一

总结:

因此AXIOS.post方法在使用时,建议结合QS包使用,将需要传递的json对象转为字符串,然后传递字符串

对于AXIOS.get方法,倒不存在这种问题,直接给AXIOS.get方法一个json对象即可

控制台打印结果说明回调函数被调用

IDEA中打印结果说明后端的方法已经进入 即反射机制正常起作用,从前端传输的json中读取了type键值对数据

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
JavaWeb通常使用的是Java语言,而axios是一个基于JavaScript的HTTP客户端库,用于在浏览器和Node.js发送HTTP请求。因此,JavaWeb并不能直接使用axios,但可以通过在前端使用axiosJavaWeb后端发送HTTP请求的方式来实现与JavaWeb的通信。 以下是一些使用axiosJavaWeb进行通信的实验过程: 1. 首先,在前端项目安装axios库,可以通过npm命令进行安装: ``` npm install axios ``` 2. 在前端项目引入axios库,并使用axios发送HTTP请求: ``` import axios from 'axios'; axios.post('/path/to/java/web', { data: 'hello world' }) .then(response => { console.log(response); }) .catch(error => { console.log(error); }); ``` 上述代码,我们使用axios发送了一个POST请求,将数据“hello world”发送到JavaWeb后端的“/path/to/java/web”接口,然后在控制台打印出响应结果或错误信息。 3. 在JavaWeb后端接收axios发送的HTTP请求: ``` @PostMapping("/path/to/java/web") public ResponseData handleRequest(@RequestBody RequestData requestData) { String data = requestData.getData(); // do something with data return new ResponseData("success"); } ``` 上述代码,我们使用Spring Boot框架的@PostMapping注解实现了一个处理“/path/to/java/web”接口的方法,该方法接收一个包含请求数据的RequestData对象,并将数据保存在变量data。然后,我们可以对data进行处理,并返回一个表示操作成功的ResponseData对象。 综上所述,通过使用axiosJavaWeb的HTTP通信,我们可以在前端与后端之间进行数据交互,并实现一些有趣的功能。

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值