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的支持