1.AJAX的使用步骤
创建XMLhttpRequest对象,也就是创建一个异步调用对象;
创建一个新的“http”请求,并指定该http请求的方法、URL以及验证信息;
设置一个响应“http”请求状态变化的函数;
发送“http”请求;
获取异步调用返回的数据;
使用JavaScript和DOM实现局部刷新。
2.创建XMLHttpRequest对象,也就是创建一个异步调用对象
var xmlhttp=null;
if(window.XMLHttpRequest){
xmlhttp=new XMLHttpRequest();
}else{
xmlhttp=new ActiveObject("Microsoft.XMLHTTP");
}
3.向服务器发送请求
xmlhttp.open(方式,URL,async);
xmlhttp.send();
open方法的参数:
方式:请求的类型,GET或者POST方式;
URL:文件在服务器上的位置,相对位置或者绝对位置;
async:true(异步)或者false(同步);
post请求不同于get请求:send(string)方法只有在post请求时才使用字符串参数,否则不用带参数;
post请求一定要设置请求头的格式内容
xmlhttp.open("POST"."ajax_test.xml",true);
xmlhttp.setRequestHeader("content-type","application/x-www-form-urlencoded");
xmlhttp.send("fname=Herry&lname=Ford");
4.服务器响应请求
responseText:获得字符串形式的响应数据;
responseXML:获得XML形式的相应数据;
同步处理:直接在send()方法后面处理返回来的数据;
xmlhttp.open("GET","test.xml",true);
xmlhttp.send();
document.getElementById("mydiv").innerHTML=xmlhttp.responseText;
异步处理:
xmlhttp.onreadyStateChange=funtion(){
if(xmlhttp.readyState==4&&xmlhttp.status==200){
document.getElementById("mydiv").innerHTML=xmlhttp.responseText;
}
}
xmlhttp.readyState共有五种请求状态,从0到4变化:
0:请求未初始化;
1:服务器连接已经建立;
2:请求已经接收;
3:请求处理中;
4:请求已经完成,且响应已经就绪;
xmlhttp.status:响应状态码:
200:OK;
304:该资源在上次请求之后没有任何修改;
403:禁止;
404:未找到;
408:请求超时;
500:服务器内部错误;