ajax实例讲解,Ajax小结 - ajax的概念、实例讲解

function ajax(){

//创建ajax引擎对象

var ajax;

if(window.XMLHttpRequest){//火狐

ajax = new XMLHttpRequest();

}else if(window.ActiveXObject){//IE

ajax = new ActiveXObject("Msxml2.XMLHTTP");

}

//复写onreadystatement函数

ajax.onreadystatechange = function(){

//判断ajax状态码

if(ajax.readyState == 4){

//判断响应状态码

if(ajax.status==200){

//获取响应内容

var result = ajax.responseText;

//获取元素对象

var showdiv = document.getElementById("showdiv");

showdiv.InnerHTML = result;

}else if(ajax.status==404){

//获取响应内容

var result = ajax.responseText;

//获取元素对象

var showdiv = document.getElementById("showdiv");

showdiv.InnerHTML = "请求资源不存在";

}else if(ajax.status==500){

//获取响应内容

var result = ajax.responseText;

//获取元素对象

var showdiv = document.getElementById("showdiv");

showdiv.InnerHTML = "服务器繁忙";

}

}

}

//发送请求(get/post请求只能写一个：这里用作举例子)

//get方式：直接在URL后面拼接字符串

ajax.open("get","ajax",true);

ajax.send(null);

//post方式：求情数据需要单独发送：

ajax.open("post","ajax");

ajax.setRequestHeader("Content-Type","application/x-www-form-urlencoded");

ajax.send("name = 张 & pwd = 123");

}