ajax返回成功却走了error

最新推荐文章于 2024-09-05 17:02:55 发布

原创最新推荐文章于 2024-09-05 17:02:55 发布 · 288 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#ajax #java

本文档展示了如何处理一个后端API接口PUT请求的问题，该接口用于添加城市信息但原本导致了错误响应。通过在后端添加响应数据，成功解决了返回失败的问题。前端使用Ajax进行PUT请求，并在success和error回调中处理结果。

后端接口

    @PutMapping(value = "addCity",consumes="application/json;charset=UTF-8")
    @ResponseBody
    @ApiOperation(value = "添加城市",notes = "参数为市省市区名字")
    public ResponseEntity<?> addAreaDetails(@RequestBody CityDetails param) {
       service.addAreaDetails(param);
        return ResponseEntity.ok().build();
    }

ajax

        $.ajax({
            url: '/city/addCity',
            type: 'put',
            dataType: 'json',
            data: JSON.stringify(param),
            contentType: "application/json;charset=UTF-8",
            success: function () {
                swal("添加成功")
            },
            error: function () {
                swal("添加失败")
            }
        })

响应结果
在这里插入图片描述
但是就是走了 error

解决：添加响应数据

    @PutMapping(value = "addCity",consumes="application/json;charset=UTF-8")
    @ResponseBody
    @ApiOperation(value = "添加城市",notes = "参数为市省市区名字")
    public ResponseEntity<?> addAreaDetails(@RequestBody CityDetails param) {
       service.addAreaDetails(param);
        return ResponseEntity.ok(ImmutableMap.builder().put("success","成功").build());
    }