日期:2014-05-16  浏览次数:20879 次

初步 ajax

/*

?* 具体操作

?*?

?*/

var xmlHttp;

function showScore(str){

xmlHttp = getXmlHttpObject();

if(xmlHttp == null){

document.getElementById("score").innerHTML = '对不起,你的浏览器不支持AJAX';

return;

}

var url = "score.php";

url = url + "?zkzh=" + str;

url = url + "&sid=" + Math.random();

xmlHttp.onreadystatechange = stateChanged;

xmlHttp.open("GET",url,true);

xmlHttp.send(null);

}

/*状态 描述

0 请求未初始化(在调用 open() 之前)

1 请求已提出(调用 send() 之前)

2 请求已发送(这里通常可以从响应得到内容头部)

3 请求处理中(响应中通常有部分数据可用,但是服务器还没有完成响应)

4 请求已完成(可以访问服务器响应并使用它)

?*?

?*?

?*/

function stateChanged(){

if(xmlHttp.readyState ==4){

document.getElementById("score").innerHTML = xmlHttp.responseText;

}

}

?

//不同的浏览器创建 XMLHttpRequest 对象

function getXmlHttpObject(){

var xmlHttp = null;

try{

xmlHttp = new XMLHttpRequest();// Firefox, Opera 8.0+, Safari

}

catch(e){

try{

xmlHttp = new ActiveXObject("Msxml2.XMLHTTP");//IE 6++

}

catch(e){

xmlHttp = new ActiveXObject("Microsoft.XMLHTTP");//IE5 and below

}

}

return xmlHttp;

}