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();
}
最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容