Ajax的一些基础

AJAX 使用  XMLHttpRequest

AJAX可使JavaScript直接与服务器交流, 通过对象 XMLHttpRequest

获取XMLHttpRequest:

Var xmlhttp;

function GetXmlHttpObject(){

 if(window.XMLHttpRequest){

 //针对  IE7+, 火狐, Chrome, Opera, Safari 的游览器

   Return new XMLHttpRequest();

}

 If(window.ActiveXObject){

 //针对 IE6, IE5

 Return new ActiveXObject(“Microsoft.XMLHTTP”);

}

//如果都不是

 return null;

}

xmlhttp = GetXmlHttpObject();

//判断是否游览器支持AJAX

If(xmlhttp==null){

 Alert(“您的游览器不支持ajax!”);

 Return;

}

2.获得XMLHttpRequest后,就可以开始写发送代码

(1)Ajax的发送有两个重要的方法: open() send()

Xmlhttp.open(“GET”,url,true);

“GET”: 选择使用GET 或者 POST方法

  url :  服务器处理的路径.URL. 例如:check.action?username=”xxxx”

  true:  请求发送是否要异步执行。大的请求要异步,小的请求可以不用异步,建议异步。

Send(),request发送到服务器上。 一般实现方法  xmlhttp.send(null);

(2)Ajax的重要属性 responseText, readyState, onreadystatechange

xmlhttp.onreadystatechange=function()
{

//如果request已经处理完毕
if(xmlhttp.readyState==4)
  //
处理返回的数据

{document.getElementById('test').innerHTML=xmlhttp.responseText}
}

Readystate的状态描述:

0 request还没初始化  1request已经建立 2.request已经发送 3.服务器正在处理 4.处理完毕

 

responseText:包含服务器返回的字符串(纯文本)

responseXML:包换XML的文件信息

已标记关键词 清除标记
相关推荐
©️2020 CSDN 皮肤主题: 大白 设计师:CSDN官方博客 返回首页