JavaScript小白基础入门-js dom编程艺术4-动态创建标记

感觉目前学的DOM方法不多，所以都能接受，运用起来很快乐，可以直接根据需求敲，专属小树就长大了，继续努力鸭

Ajax简单请求

//创建XMLHttpRequest对象，兼容浏览器
function getHTTPObject(){
  if(typeof XMLHttpRequest == "undefined"){
    XMLHttpRequest = function(){
      try { return new ActiveXObject("Msxml2.XMLHTTP.6.0"); } 
      catch (error) {}
      try { return new ActiveXObject("Msxml2.XMLHTTP.3.0"); } 
      catch (error) {}
      try { return new ActiveXObject("Msxml2.XMLHTTP"); } 
      catch (error) {}
      return false;
    }
  }
  return new XMLHttpRequest();
}

//用Ajax请求文本内容
function getContent(){
  var request = getHTTPObject();
  if(request){
    request.open("GET", "aa.txt", true); //请求类型为GET，请求aa.txt文件。true表示异步方式发送和处理
    request.onreadystatechange = function(){ //当服务器给XMLHttpRequest对象发送回响应的时候该事件处理函数被触发
      if(request.readyState == 4){ //4表示已经接收到服务器发来的数据
        //处理响应
        var para = document.createElement("p");
        var para_txt = document.createTextNode(request.responseText);//request.responseText是服务器发送回来的数据
        para.appendChild(para_txt);
        var body = document.getElementsByTagName("body")[0];
        body.appendChild(para);
      }
    };
    request.send(null);
  }else{
    alert("Sorry, your browser doesn\'t support XMLHttpRequest");
  }
}