SpringBoot中使用thymeleaf时ajax请求不能回显消息

Bertha 。 2023-10-18 15:36 101阅读 0赞

## 场景 ##

在SpringBoot项目中使用thymeleaf模板时，在js文件中使用ajax提交表单

不能成功回显消息。

## 实现 ##

修改为

html中：

将其按钮的点击事件修改为

onclick="return parseExcel()"

完整代码：

在html中引入js文件

th:replace="layout/layout(title='收货单数据',cssPaths='/public/css/plugins/jsTree/style.min.css',jsPaths='/modular/receiveOrder/wmsReceiveOrder.js')">

在js：

//解析Excel操作
    function parseExcel(){
        var url = "/wmsReceiveOrder/parseExcel";
        $.ajax({
            type: 'POST',
            url: url,
            cache: false,  //禁用缓存
            contentType: false,
            dataType: "json",
            processData:false,
            success: function (result) {
                debugger
                alert(result.message)
            }
        })
        return false;
    }

后台代码：

@ResponseBody
    @RequestMapping("/parseExcel")
    public Map<String, Object> parseExcel(HttpServletRequest request) {
            Map<String, Object> result = new HashMap<String, Object>();
                                result.put("statusCode", "200");
                                result.put("message", "成功!");
            return result;
        }

## 效果 ##

![Image 1][]

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L0JBREFPX0xJVU1BTkdfUUlaSEk_size_16_color_FFFFFF_t_70][]

[Image 1]: 
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L0JBREFPX0xJVU1BTkdfUUlaSEk_size_16_color_FFFFFF_t_70]: https://img-blog.csdnimg.cn/2019031510060377.jpg?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L0JBREFPX0xJVU1BTkdfUUlaSEk=,size_16,color_FFFFFF,t_70