最近在工作中遇到需要加載本地的HTML代碼梦裂,查到JQuery有加載html代碼的API,也就是load方法盖淡。
load方法的調(diào)用很簡單年柠,只需要$.load(url)即可,也可以傳參的形式$.load(url,data,function(res){console.log(res)}); 如果只需要加載HTML中的一段也可以用$.load('ajax/test.html #container')的形式褪迟,這樣很方便不過有個問題就是JS的問題冗恨,如果說當前A頁面需要加載B頁面的HTML代碼,但B頁面的JS沒有在B頁面引入味赃,而是在A頁面引入操作B頁面的JS代碼掀抹,這就導致了JS執(zhí)行沒有讀取到B頁面的代碼,因為load方法是異步的所以等待A頁面的JS加載完成后才加載B頁面洁桌。
鑒于這個問題,在這就不能用load方法侯嘀,只能使用ajax方法另凌,
在這ajax方法中請求的datatype類型要是html,同時type類型一定要是GET方法戒幔,POST方法是請求不了本地的html代碼的吠谢,同時async也要設置為同步,所以為FALSE诗茎,最后回調(diào)的參數(shù)就是請回來的數(shù)據(jù)工坊。