ajax載入失敗,報錯404
阿新 • • 發佈:2019-01-05
首先報錯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就可以顯示出資料了~~~~~