ajax学习笔记(一)

本文介绍了一个简单的XMLHttpRequest使用示例,展示了如何通过JavaScript创建HTTP请求并处理响应。具体包括了不同浏览器下的对象初始化、发送GET请求、设置回调函数以及根据readyState属性的变化更新页面显示等内容。

 

// 定义XMLHttp实例
var  xmlHttp;
function  createXMLHttpRequest() {
//开始初始化XMLHttpRequest对象
  if(window.ActiveXObject){
//IE浏览器
    xmlHttp = new ActiveXObject("Microsoft.XMLHTTP");
  }
else if(window.XMLHttpRequest){
//Mozilla浏览器
    xmlHttp = new XMLHttpRequest();
  }

if(xmlHttp){
    xmlHttp.open(
"GET",url,false);
    xmlHttp.onreadystatechange
=function(){setState(greens,reds,contains)};
    xmlHttp.send(
null);
  }

}

// 回调函数举例
//
返回的4种状态
function  setState(greens,reds,contains) {
var contains = document.getElementById("contain");
  
if(xmlHttp.readyState == 0){
    contains.innerHTML 
= "正在初始化";
  }

  
if(xmlHttp.readyState == 1){
    contains.innerHTML 
= "正在准备发送请求";
  }

  
if(xmlHttp.readyState == 2){
    contains.innerHTML 
= "正在发送请求";
  }

  
if(xmlHttp.readyState == 3){
    contains.innerHTML 
= "正在接收数据";
  }

  
if(xmlHttp.readyState == 4){
//信息已经成功返回,开始处理信息
    if(xmlHttp.status == 200){
   contains.innerHTML 
= xmlHttp.responstText; //返回值
    }

  }

}
 

转载于:https://www.cnblogs.com/wyqtomorrow/archive/2007/04/18/718197.html

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值