Web基础之jQuery对Ajax的支持

jQuery对Ajax的支持

1）load()方法：

①作用：将服务器返回的数据直接插入到符合要求的节点之上，并向服务器发送异步请求，相当于：obj.innerHTML=服务器返回的数据。

②用法：$obj.load(url,[data]);

—> url：请求地址，服务器上的某个组件的地址。

—> data：请求参数，有两种形式：

A.请求字符串形式：”name=chang&&age=23”

B.对象形式：{‘name’:’chang’,’age’:23}

【注意：load方法：当没有请求参数时，会使用get方式向服务器发请求，如果有请求参数，会使用post方式向服务器发请求。】

2）$.get()方法

①作用：使用get方式向服务器发请求。

②用法：$.get(url,[data],[callback],[type]);

—> url：请求地址。

—> data：请求参数，有两种形式：同上。

—> callback：是一个回调函数，格式：function(data,statusText)，其中，data是服务器返回的数据，statusText是服务器处理的状态。

—> type：服务器返回的数据的类型，有五种：

A.html：返回的是一个html文档。 B.text：返回的是纯文本。

C.json：返回的是json字符串。 D.xml：返回的是一个Xml文档。

E.script：返回的是一个javascript脚本。

3）$.post()方法：

①作用：使用get方式向服务器发请求。

②用法：$.post(url,[data],[callback],[type]);//参数同上

4）$.ajax()方法：

①作用：异步请求

②用法：$.ajax( { … } )，参数顺序无所谓。参数如下：

—> url(string)：请求地址。

—> type(string)：GET/POST。

—> data(object/string)：请求参数。

—> dataType(string)：预期服务器返回的数据类型。

—> success(function)：请求成功后调用的回调函数，有两个参数function(data,textStatus)，其中data是服务器返回的数据，textStatus描述状态的字符串。

—> error(function)：请求失败时调用的函数，有三个参数

function(xhr,textStatus,errorThrown)：

A.xhr：底层的XMLHttpRequest对象。 B.textStatus：错误的描述。

C.errorThrown：一般为null。

—> async：true（缺省，异步）/false（同步）。

5）自定义方法：

①语法：$.fn.funName=function(){…}

$.fn.red=function(){
this.css("backgroundColor","red");
}
$("#msg_error").red();//调用自定义的方法

博客地址：Web基础之jQuert对Ajax的支持