jquery（五）ajax

Ajax: 优点：不需要插件支持；优秀的用户体验；提高web程序的性能；减少服务器和带宽的负担

缺点：浏览器对XMLHttpRequest对象支持度；破环了浏览器前进后退按钮的正常功能；对搜素引擎的支持的不足；开发和调试工具的缺乏

 

$(selector).load( url [,date] [,callback] )

url:请求页面的url地址

date:发送至服务器的key:value数据

callback:请求完成时的回调函数，无论请求成功或失败,即只要XMLHttpRequest对象的状态为4或complete时就调用

 

此函数会将ajax返回的内容作为innerHTML插入到selector里面如果需要可以在url后面添加参数来筛选要插入的内容

如果有date参数则按照POST方式发送，否则按照GET方式发送。date数据的格式为{key1:value1,key2:value2…}

回调函数自动传入三个参数，分别是返回的内容、请求状态、XMLHttpRequest对象。请求状态指的是服务器返回状态，而不是XMLHttpRequest对象状态，总共分success、error、notmodified、timeout四个状态

 

$.get( url [,date] [,callback] [,type] )

url:请求页面的url地址

date:发送至服务器的key:value数据，格式为{key1:value1,key2:value2…}

callback:载入成功时的回调函数，即当服务器返回状态为200时。会自动传入两个参数，第一个为返回的内容，第二个为请求状态

type:作用貌似不大

此函数将以GET方式发送数据

$.post( url [,date] [,callback] [,type] )

用法与$.get方法一致，只不过发送数据的方式为POST

 

$.getScript( url [,callback] )

用来动态加载js脚本的函数

url:要加载的脚本的url地址

callback:脚本加载成功后的回调函数

$.getJSON( url [,callback] )

用来加载json文件的函数

url:要加载的json文件url

callback:json文件加载成功后的回调函数，会自动传入一个参数即json对象

 

$.ajax( opitions )

opitions为一个key:value对象，里面规定了各种参数，常用参数有：

url:

type:

timeout:

date:

datetype:

beforeSend:

complete:

success:

error:

具体jquery请见参考手册,本函数运用的机会应该不大

 

$.each( objecy/array,callback )

用来遍历数组或对象的函数，该函数只能遍历一层，要遍历多层则需重复使用

object/array:要遍历的数组或对象

callback:操作函数，会自动传入两个参数，第一为对象的成员或数组的索引，第二个为具体的内容