Ajax笔记

Ajax

1.       Ajax(Asynchronous javascript and xml):无刷新技术

2.       Ajax技术使用步骤:

1  //创建XMLHttpRequest对象实例

2   http_request.onreadystatechange = 你的另外一个js函数名; //定义处理返回结果的函数

3 http_request.open('GET', url, true); 确定发送请求的方式和URL以及是否同步执行下段代码

4 http_request.send(null);//发送请求

5 回调函数处理,更新本页面局部数据

 

  var http_request = false;

function send_request(url) {//初始化、指定处理函数、发送请求的函数

    url=url+"?a="+document.myform.a.value;

 http_request = false;

 //开始初始化XMLHttpRequest对象

 if(window.XMLHttpRequest) { //Mozilla 浏览器

  http_request = new XMLHttpRequest();

  if (http_request.overrideMimeType) {//设置MiME类别

   http_request.overrideMimeType('text/xml');

  }

 }

 else if (window.ActiveXObject) { // IE浏览器

  try {

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

  } catch (e) {

   try {

    http_request = new ActiveXObject("Microsoft.XMLHTTP");

   } catch (e) {}

  }

 }

 if (!http_request) { // 异常,创建对象实例失败

  window.alert("不能创建XMLHttpRequest对象实例.");

  return false;

 }

 

 http_request.onreadystatechange = processRequest;//定义处理的回调函数

 // 确定发送请求的方式和URL以及是否同步执行下段代码

 http_request.open("POST", url, true);

 //发送请求

 http_request.send(null);

}

// 处理返回信息的函数

   function processRequest() {

       if (http_request.readyState == 4) { // 判断对象状态

           if (http_request.status == 200) { // 信息已经成功返回,开始处理信息

             //  alert(http_request.responseText);

               ddd.innerHTML=http_request.responseText;

           } else { //页面不正常

               alert("您所请求的页面有异常。");

           }

       }

   }

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值