Ajax流程

   Ajax的流程大致为:

  一.初始化XMLHttpRequest对象

      代码大致如下,可以相应修改:

var xmlhttp;                                                 //对象名任意起 
if (window.XMLHttpRequest)
  {xmlhttp=new XMLHttpRequest();                             // for IE7+, Firefox, Chrome, Opera, Safari
  }
else
  {xmlhttp=new ActiveXObject("Microsoft.XMLHTTP");           //  for IE6, IE5老版浏览器
  }

   二.向服务器发送请求

     需要用到XMLHttpRequest对象的open()和send()方法

     1.创建一个与服务器的连接,使用open()方法,需要指定发送请求的方式(GET或POST),格式为xmlhttp.open("get",url,true);

        2.向服务器发送请求,使用XMLHttpRequest对象的send()方法,格式为:xmlhttp.send();

  三.处理服务器响应

     XMLHttpRequest对象提供了两个返回服务器响应的属性:responseText属性和responseXML属性。

     代码大致为:

xmlhttp.onreadystatechange=function()
  {
  if (xmlhttp.readyState==4){
     if(xmlhttp.status==200){
    document.getElementById("aa").innerHTML=xmlhttp.responseText;
    }else{
     alert("您所请求的页面有错误!")
         }
   }
}

 最后附上一个完整的例子,来源于w3c网:   http://www.w3school.com.cn/tiy/t.asp?f=ajax_httprequest_js






Using the HttpRequest Object

Status:

Status text:

Response:









你可能感兴趣的:(Web前端)