码迷,mamicode.com
首页 > Web开发 > 详细

AJAX基本格式步骤

时间:2017-09-04 09:56:00      阅读:208      评论:0      收藏:0      [点我收藏+]

标签:send   请求   div   url   ready   col   null   状态   hang   


第一步:创建XMLHttpRequest对象
var xmlhttp;
//兼容性
if (window.XMLHttpRequest)
  {
  xmlhttp=new XMLHttpRequest();
  }
else
  {
  xmlhttp=new ActiveXObject("Microsoft.XMLHTTP");
  }

代码解释:

  1. 首先创建一个作为 XMLHttpRequest 对象使用的 XMLHttp 变量。把它的值设置为 null。
  2. 然后测试 window.XMLHttpRequest 对象是否可用。在新版本的 Firefox, Mozilla, Opera 以及 Safari 浏览器中,该对象是可用的。
  3. 如果可用,则用它创建一个新对象:XMLHttp=new XMLHttpRequest()
  4. 如果不可用,则检测 window.ActiveXObject 是否可用。在 Internet Explorer version 5.5 及更高的版本中,该对象是可用的。
  5. 如果可用,使用它来创建一个新对象:XMLHttp=new ActiveXObject()
 
第二步:确定来自服务器的响应是否XML  ,  async的值
 
1.如果来自服务器的响应并非 XML,请使用 responseText 属性
 ··当使用 async=true 时,请规定在响应处于 onreadystatechange 事件中的就绪状态时执行的函数:
xmlhttp.onreadystatechange=function()
  {
  if (xmlhttp.readyState==4 && xmlhttp.status==200)
    {
    document.getElementById("myDiv").innerHTML=xmlhttp.responseText;
    }
  }
 
  ··当您使用 async=false 时,请不要编写 onreadystatechange 函数 - 把代码放到 send() 语句后面即可:
document.getElementById("myDiv").innerHTML=xmlhttp.responseText;
 
2.如果来自服务器的响应是 XML,而且需要作为 XML 对象进行解析,请使用 responseXML 属性:
 
xmlDoc=xmlhttp.responseXML;
txt="";
x=xmlDoc.getElementsByTagName("标记");
for (i=0;i<x.length;i++)
  {
  txt=txt + x[i].childNodes[0].nodeValue + "<br />";
  }
document.getElementById("myDiv").innerHTML=txt;
 
第三步:向服务器发送请求:
xmlhttp.open("GET","test1.txt",true);
xmlhttp.send();
 
xmlhttp.open("POST","ajax_test.asp",true);
xmlhttp.setRequestHeader("Content-type","application/x-www-form-urlencoded");//请求头应在open和send之间
xmlhttp.send("fname=Bill&lname=Gates");

AJAX基本格式步骤

标签:send   请求   div   url   ready   col   null   状态   hang   

原文地址:http://www.cnblogs.com/yzhweb/p/7471983.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!