前后端数据交互@ResponseBody和@RequestParam的注意

最新推荐文章于 2025-05-28 10:27:00 发布

Demons_kirit

最新推荐文章于 2025-05-28 10:27:00 发布

阅读量217

点赞数 1

文章标签：交互前端后端

本文链接：https://blog.youkuaiyun.com/m0_73938805/article/details/142854022

版权

@RequestParam

            uni.request({
                url: 'http://localhost:8082/fridge',
                method: 'POST',
                data: data,
			    header: {
					'Content-Type': 'application/x-www-form-urlencoded'  // 修改 Content-Type 为表单提交格式
				},
                success: (res) => {
					console.log(res)
                    if (res.statusCode === 200) {
                        uni.showToast({
                            title: '提交成功',
                            icon: 'success'
                        });
                    } else {
                        uni.showToast({
                            title: '提交失败，请重试',
                            icon: 'none'
                        });
                    }
                },
                fail: (err) => {
                    uni.showToast({
                        title: '网络错误，请重试',
                        icon: 'none'
                    });
                }
            });

第一个代码是将数据传输给@RequestParam的注解后端代码，如以下

@PostMapping
    @ResponseBody
    public String add(@RequestParam(value="refrigeratorType",required=false)String type,@RequestParam(value = "preservationLayers",required=false)String preservationLayers,
                      @RequestParam(value = "refrigerationLayers",required=false)String refrigerationLayers, @RequestParam(value = "openid",required=false)String openid){
        Fridge fridge = new Fridge();
        // 生成随机的 fridge_id
        String randomFridgeId = UUID.randomUUID().toString();

        // 获取当前时间
        LocalDateTime currentTime = LocalDateTime.now();

        // 设置 fridge 的属性
        fridge.setFridge_id(randomFridgeId);
        fridge.setCreate_time(currentTime);
        fridge.setType(type);
        fridge.setOpenid(openid);
        fridge.setPreservationLayers(preservationLayers);
        fridge.setRefrigerationLayers(refrigerationLayers);
        System.out.println(fridge);
        return "添加OK";
    }

@ResponseBody

uni.request({
                url: 'http://localhost:8082/fridge',
                method: 'POST',
                data: data,
			    header: {
					'Content-Type': 'application/json'  // 修改 Content-Type 为表单提交格式
				},
                success: (res) => {
					console.log(res)
                    if (res.statusCode === 200) {
                        uni.showToast({
                            title: '提交成功',
                            icon: 'success'
                        });
                    } else {
                        uni.showToast({
                            title: '提交失败，请重试',
                            icon: 'none'
                        });
                    }
                },
                fail: (err) => {
                    uni.showToast({
                        title: '网络错误，请重试',
                        icon: 'none'
                    });
                }
            });

这个代码是将数据传输给@ResponseBody的注解后端

//post请求
//@RequestBody 表示接收请求是JSON格式的数据
@PostMapping
@ResponseBody
public String add(@RequestBody Fridge fridge) {
    // 生成随机的 fridge_id
    String randomFridgeId = UUID.randomUUID().toString();

    // 获取当前时间
    LocalDateTime currentTime = LocalDateTime.now();

    // 设置 fridge 的属性
    fridge.setFridge_id(randomFridgeId);
    fridge.setCreate_time(currentTime);

    // 打印 fridge 对象以确保属性正确
    System.out.println(fridge);

    return "添加OK";
}