日常前言
最近Ajax用的越来越多了,每次用的时候都总是要去慢慢的翻看零散记录的笔记,So,今天整理一份详细的笔记,相信对各位会有点用。
开始
1、$.ajax()
用于向服务器发送HTTP请求,通过不重新加载页面的方式,更新页面的数据。常用的请求方式有GET和POST两种,e.g:
$.ajax({
url: '/messyAjax/',
type: 'GET',
success: function (data) {
console.log('服务器数据为:'+ data);
}
});
2、 $.load()
load方法用于加载服务器数据,然后把数据返回到选择器选择到的div内。
- 常用于加载加载顶部导航栏、图片、音乐、用户个人信息等等。
- 若加载的是html文件,load()会自动去除html、body、script标签。
- 若加载的html文件需依赖js进行dom操作,则在load()函数里加入回调函数,使用
$.getScript()
函数进行加载
- 若加载的html文件需依赖js进行dom操作,则在load()函数里加入回调函数,使用
$('.g-topmodel').load('top_model.html',function(){
console.log('导航栏dom加载完毕')
$.getScript("topmodel.min.js");
});