jQuery与Ajax

来源:互联网 发布:软件开发专业介绍 编辑:程序博客网 时间:2024/05/16 07:45
11 jQuery与AJAX
11.1 AJAX的应用
11.2 AJAX原理与XMLHttpRequest对象
11.2.1 AXJX的原理:其核心原理在于使用XMLHttpRequest对象发送异步请求。

11.2.2 XMLHttpRequest对象




为了兼容多种不同版本的浏览器,其创建类的方法如下:
var xmlHttp=false;//开始初始化XMLHttpRequest对象
if(window.XMLHttpRequest){
  xmlHttp=new XMLHttpRequest();
  if(xmlHttp.overrideMimeType){
     xmlHttp.overrideMimeType('text/xml');
  }
}
else if(window.ActiveXObject){
  

}



11.3 jQuery中的AJAX
11.3.1 load()函数、get()函数和post()函数
1、load(url,[data],[callbanck])函数,作用:载入远程HTML文件代码并插入DOM中,URL:String,请求的HTML页的URL地址;Data(可选):Obj,发送至服务器的key/value数据;Callback(可选):回调函数,请求完成时(不需要是success)的回调函数,自动会将请求的结果、状态、XMLHttp对象传递给该函数。

2、jQuery.get(url,[data],[callback],[type])用于get方式进行AJAX异步请求。
3、jQuery.post(url,[data],[callback],[type])使用post方式来进行异步请求。
11.3.2 Ajax函数,jQuery.ajax(options)函数

11.3.3 getScript及getJSON函数
1、jQuery.getScript(url,[callback])函数通过get方式请求载入并执行一个javascript文件,URL:string,请求的HTML页的URL地址;callback(可选):function,载入成功时的回调函数(只有当response的返回状态是success时才调用该方法,不传递参数)。
2、jQuery.getJSON(url,[callback])通过http get请求载入json数据。
11.4 jQuery中的AJAX服务器返回方式
11.4.1 html方式
11.4.2 text方式
11.4.3 xml方式
11.4.4 script方式
11.4.5 json方式
11.5 jQuery中的AJAX事件
11.5.1 AJAX局部事件,jQuery为AJAX定义了4中局部事件,分别为:
1、beforeSend:当一个AJAX请求开始时触发。
2、success:请求成功时触发。
3、error:仅当发生错误时触发。
4、complete:请求完成后的回调函数(请求成功或失败时均调用)。

0 0
原创粉丝点击