jQuery之加载HTML代码片段

最近在工作中遇到需要加载本地的HTML代码，查到JQuery有加载html代码的API，也就是load方法。

load方法的调用很简单，只需要$.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执行没有读取到B页面的代码，因为load方法是异步的所以等待A页面的JS加载完成后才加载B页面。

鉴于这个问题，在这就不能用load方法，只能使用ajax方法，

在这ajax方法中请求的datatype类型要是html，同时type类型一定要是GET方法，POST方法是请求不了本地的html代码的，同时async也要设置为同步，所以为FALSE，最后回调的参数就是请回来的数据。