ajax的简单使用

function getXMLHttpRequest() {
  var xmlhttp;
  if(window.XMLHttpRequest) {
    // IE7+, Firefox, Chrome, Opera, Safari 浏览器执行代码
    xmlhttp = new XMLHttpRequest();
  }else {
    // IE6, IE5 浏览器执行代码
    xmlhttp = new ActiveXObject("Microsoft.XMLHTTP");
  }
  return xmlhttp;
}

function getNewContent() {
  var xmlhttp = getXMLHttpRequest();
  // 指定请求的目标
  xmlhttp.open("GET", "exemple.txt", true);
  // 明确如何处理响应
  xmlhttp.onreadystatechange = function() {
    //readyState有五种状态:0表示未初始化,1表示正在加载,2表示加载完毕,3表示正在交互,4表示完成
    if(xmlhttp.readyState == 4) {
      //do something
      alert(xmlhttp.responseText);//从exemple.txt文本中获取的字符串数据
    }
  }
  // 发送请求
  xmlhttp.send(null);
}

window.onload = function() {
  getNewContent();
}

你可能感兴趣的:(ajax的简单使用)