异步请求加载ztree失败:http请求405错误:Request method 'GET' not supported解决方案

问题描述:

前端发送异步请求加载ztree时,一直走error函数,并报405错误:Request method ‘GET’ not supported,无法从后台获取数据
在这里插入图片描述

原因:

检查发现,是jquery加载失败导致的,因此推测是jquery版本太低,不支持ajax新写法导致的,由于无法识别method属性,导致post方法使用失败,默认使用get方法请求后台,但控制器使用的接收类型是post,所以请求失败
在这里插入图片描述

$(document).ready(function(){
            $.ajax({
                url:"/system/role/getZtreeNodes.do",
                data:{"roleId":$("#roleId").val()},
                dataType:"json",
                method:"post",
                success:function (zNodes) {
                    initZtree(zNodes);
                },
                error:function () {
                    alert("服务器忙。。")
                }
            });
        });
	@PostMapping("/getZtreeNodes")
    @ResponseBody
    public List<Map<String,String>> getZtreeNodes(String roleId){
        List<Map<String,String>> zNodes = new ArrayList<>();
        List<Module> moduleList = moduleService.findAll();
        //3. 根据角色id查询角色已经拥有的权限
        List<Module> roleModuleList =
                moduleService.findModuleByRoleId(roleId);
        for (Module module : moduleList) {
            //{ id:2, pId:0, name:"随意勾选 2", checked:true, open:true},
            HashMap<String, String> map = new HashMap<>();
            map.put("id",module.getId());
            map.put("pId",module.getParentId());
            map.put("name",module.getName());
            if (roleModuleList.contains(module)){
                map.put("checked","true");
            };
            map.put("open","true");
            zNodes.add(map);
        }
        return zNodes;
    }

解决办法:

将ajax里的method属性更改为type

$(document).ready(function(){
            $.ajax({
                url:"/system/role/getZtreeNodes.do",
                data:{"roleId":$("#roleId").val()},
                dataType:"json",
                type:"post", //修改为type后,服务器即可以post方法发送请求
                success:function (zNodes) {
                    initZtree(zNodes);
                },
                error:function () {
                    alert("服务器忙。。")
                }
            });
        });

总结:

ztree默认使用的jquery版本为1.4.4,版本比较旧,不支持异步请求的新特性写法,使用时务必注意

  • 0
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

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

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值