Jquery中使用ajax传json参数并从SpringBoot后台Controller返回消息

亦凉 2023-10-18 15:52 81阅读 0赞

## 场景 ##

前端通过ajax提交json格式的数据，后台接受到实现具体的业务后

返回给前端消息提示。

## 实现 ##

html页面代码

调用js部分代码

//打印按钮点击事件
        $("#printBtn").click(function () {
            var data = t.rows(['.selected']).data()[0];
            if(undefined===data){
                swal({
                    type: 'warning',
                    title: '提示:',
                    text: '请首选选择一行数据！',
                    confirmButtonColor: "#1ab394",
                })
            }else{
                printCode(data.id);
            }
        });

ajax请求方法

function printCode(id){
        debugger
        $.ajax({
            type: 'POST',
            url: "/wmsReceiveOrder/doPrintPostRequest",
            cache: false,  //禁用缓存
            data:JSON.stringify({"id":id}),
            contentType: "application/json",
            dataType: "json",
            success: function (result) {
                debugger
                alert(result.message)
            }
        })
        return false;
    }

来到url所对应的后台Controller中的方法

@ResponseBody
        @RequestMapping(value = "/doPrintPostRequest")
        public Map<String, Object> doPrintPostRequest(@RequestBody Map<String, Object> params) {
             Map<String, Object> result = new HashMap<String, Object>();
            Object PrintId = params.get("id");
            String paramID="";
            if(PrintId!=null){
               paramID=PrintId.toString();
            }
            result.put("statusCode",  "200");
            result.put("message", "参数是："+ paramID);
            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/20190321154810549.jpg?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L0JBREFPX0xJVU1BTkdfUUlaSEk=,size_16,color_FFFFFF,t_70