3.传递方法
load()方法的传递方式根据参数data来自动指定。如果没有参数传递,则采用GET方式传递;反之,则会自动转换为POST方法。
//无参数传递,则是GET方式
$(‘#resText’).load(‘test.php’,function(){
//…
});
//有参数传递,则是POST方式
$(‘#resText’).load(‘test.php’,{name:‘rain’,age:‘22’},function(){
//…
});
4.回调函数
对于必须在加载完成后才能继续的操作,load()方法提供了回调函数(callback),该函数有3个参数,分别代表请求返回的内容、请求状态和XMLHttpRequest对象,jQuery代码如下:
$(“#resText”).load(“test.html”,function (responseText, textStatus, XMLHttpRequest){
alert(responseText); //请求返回的内容
alert(textStatus); //请求状态:success,error
alert(XMLHttpRequest); //XMLHttpRequest对象
});
在load()方法中,无论Ajax请求是否成功,只要当请求完成(complete)后,回调函数(callback)就被触发。
**load()方法通常用来从Web服务器上获取静态的数据文件,然后这并不能体现Ajax的全部价值。在项目中,如果需要传递一些参数给服务器中的页面,那么可以使用 . g e t ( ) ∗ ∗ 或者 ∗ ∗ .get()**或者** .get()∗∗或者∗∗.post()或者$.ajax()**方法。
$.get()
$.get()方法使用GET方式来进行异步请求。
它的结构为:
$.get(url[,data][,callback][,type])
| 参数名称 | 类型 | 说明 |
| :-: | :-: | :-: |
| url | String | 请求的HTML页的URL地址 |
| data(可选) | Object | 发送至服务器的key/value数据会作为QueryString附加到请求URL中 |
| callback(可选) | Function | 载入成功时回调函数(只有当Response的返回状态是success才调用该方法)自动将请求结果和状态传递给该方法 |
| type(可选) | String | 服务器端返回内容的样式,包括xml、html、script、json、text和_default |
我们用$.get()来实