9.3 XMLHttpRequest对象属性
在XMLHttpRequest对象中定义了许多属性,要想使用此对象就需要了解这些属性的作用。
readyState属性一共有5种取值,分别如下:
0:表示请求没有发出(在调用open()函数之前)
1:表示请求已经建立但还没有发出(在调用sed()函数之前)
2:表示请求已经发出正在处理之中(这里通常可以响应得到内容头部)
3:表示请求已经处理,正在接受服务器的信息,响应中通常有部分数据可用,但是服务器还没有完成相应
4:响应已经完成,可以访问服务器响应并使用它。
9.4 XMLHttpRequest对象的方法
编号 1 2 3 4 5 6 方法 Abort() getResponseHeader Open() Send() setRequsetHeader() 描述 取消当前所发出的请求 取得一个指定的HTTP头小心 创建一个Http请求,并指定请求方法 将创建的请求发送到服务器,并接受回应信息 设置一个指定请求的HTTP头消息 GetAllResponeseHeaders() 取得所有的HTTP头消息
9.5 jQuery AJAX
9.5.1 AJAX方法
1.Load(url,[data],[callback])方法:载入远程HTML文件代码并插入至DOM中,默认使用GET方法,传递参数时自动转化为POST方式。
Url:要载入的远程url地址
Datda:发送至服务器的key/value数据 Callback:载入成功的回调函数
2.get(url,[data],[callback])方法:使用get方式从服务器端获取数据 Url:发送请求的url地址 Datda:发送至服务器的数据 Callback:载入成功的回调函数
$(document).ready(function() {//页面加载后执行 $(\).blur(function(){//绑定焦点失去处理函数 var username=$(\).val();//获取用户名
$.get(\,{name:username},function(data,stat us){
if(data==\){
$(\).html(\此用户名可以注册\);
}else{
$(\).html(\此用户名已被注册\); } }); });
});
3.post(url,[data],[callback])方法:同get相比差比在于请求的方式,使用方法同get相似。
4.getScript(url,[callback])方法:通过GET方式请求载入并执行一个javaScript文件。
5.getJSON(url,[data],[callback])方法:通过GET方式获取json格式的数据。
6.Ajax()方法:jQuery封装AJAX的最底层方法,可以吃力任何简单或复杂的ajax请求。该方法只有一个参数,包含各配置及回调函数信息。常用代码如下:
9.5.2 Ajax()方法的参数设置:
Async(Boolean):(默认:true)默认设置下,所有请求均为异步请求。
beforeSend(Function):发送请求前可以修改XHR对象的函数。如题啊家自定义http头
Cache(Boolean):默认true,设置false将不会从浏览器缓存中加载请求信息。 Complete(Function):请求完成后回调函数(请求成功或失败时均匀调用)。
contentType(string):(默认:“application/x-www-form-urlencoded”)发送信息至服务器时内容编码类型。
Data(object ,string):发送到服务器的数据。将自动转换为请求字符串格式。GET请求中将附加在url后。查看processData选项说明以禁止此自动转换。必须为Key/value格式。
dataType(string):预期服务器返回的数据类型。如果不指定,jquery将自动根据HTTP包mime信息返回responseXML或responseText。并作为回调函数参数传递,可用值。