title: 《锋利的jQuery》七、jQuery和Ajax的应用
date: 2017-07-23 22:48:00
tags: 锋利的jQuery
在jQuery中对Ajax进行了封装，在jQuery中$.ajax()属于最底层方法，第二层是$.post()、load()、$.get()方法，第三层是$.getScript()和$.getJson()方法。通常第二层的方法使用频率最高。
load()方法
load()方法能载入远程html页面到dom中。
格式为：load( url , [data] , [callback] )
url：请求html页面的地址。
data: 可选参数，发送至服务器的数据。
callback：可选参数，请求完成后的回调，不论请求成功或者失败。
载入html文档
假设有一个test.html的页面，那么只需要这样写就能引入这个test到当前页面。
当前页面的html部分
当前页面发送请求
$('#resText').load('text.html');
筛选载入html文档
上面是将test.html的所有内容都加载进来，如果只需要加载一部分那么只需要改变url参数即可，格式为：url selector。
只将test.html页面中类名为.para的元素加载进来。
$('#resText').load('text.html .para')
回调函数
load()的回调有三个参数，分别是：
responseText：请求返回的内容。
textStatus：请求状态：success、error、notmodified、timeout 四种。
XMLHttpRequest： XMLHttpRequest对象。
$.get()和$.post()方法
使用get的方式进行异步请求，格式为：$.get( url , [data] , [callback] , [type] )。
url：请求的文件地址。
data：可选参数，发送至服务器的数据，会附加到url地址中。
callback：可选参数，载入成功时回调函数，只有当Response返回的状态是success才能调用。
type：可选参数，服务器返回的格式，包括 xml、html、script、json、text、_default。
回调函数
回调函数只有当数据成功返回(success)才能被调用，这点和load()方法不同，回调函数有两个参数，分别是data、textStatus。
data是成功后返回的数据，textStatus是请求状态。
$.getScript()和$.getJson()方法
$.getScript()用于加载一个新的js文件，和写一个