ajax加载失败，报错404

首先报错404理解为路径错误，编写代码的时候忽略了这一点，导致一直没有去解决过这个问题，以为出了什么bug数据显示不出，比如弹出一个页面的地址为：

http://localhost:8080/MissEvanSys/mm/showAllMusicMenuByPage.do#，

而自己想要使用ajax显示这个页面的类型

//显示父类型
    $.ajax({
         url: 'types/getAllBigType.do',
         type:'post',
         async: false,//设置为同步
         dataType:'json',
         success:function (r) {
            var b = r.biglist;
            //遍历父类型，并显示
            for (var i = 0; i < b.length; i++) {
              $(".menu_2").append("<li class='dpdown'><a href='#' data-toggle='dpdown' class='list bid' id='"+b[i].big_id+"'>"+b[i].big_type+"</a><ul class='dpdown-menu'></ul></li>");  
            }
              
         }
    });

 

这么写就会报错404，原因就是ajax加载路径没有添加相对路径像上面这么写，地址栏就会这么显示http://localhost:8080/MissEvanSys/mm/types/getAllBigType.do，多出了一个mm,是别的控制器的别名mm,types是另一个控制器的别名，所以数据一直显示不出，查看F12仔细看才明白是路径不对，只要在ajax中把路径修改为相对路径:  ../types/getAllBigType.do就可以显示出数据了~~~~~