1. 程式人生 > >ajax載入失敗,報錯404

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就可以顯示出資料了~~~~~