1、显示页面代码

index.html

  
  
  
    //第一步创建ajax引擎对象
    function getXmlHttpObject(){
      var XmlHttpRequest;
      if(window.ActiveXObject){
        XmlHttpRequest=new ActiveXObject("Microsoft:XMLHTTP");
      }
      else{
        XmlHttpRequest=new XMLHttpRequest();
      }
      return XmlHttpRequest;
    }
    var myXmlHttpRequest="";
    //处理函数
    function process(){
      myXmlHttpRequest=getXmlHttpObject();
      //判断xmlHttpRequest是否创建成功
      if(myXmlHttpRequest){
        //获取表单的文本框的输入值
        var name=document.getElementById('myname').value;
        //通过myXmlHttpRequest对象发送请求到服务器的某个页面
        var url="process.php?name="+name;
        myXmlHttpRequest.open("GET",url,true);
        //定义准备状态改变时的回调函数
        myXmlHttpRequest.onreadystatechange=callBack;
        //向服务器发送请求
        myXmlHttpRequest.send(null);
      }
    }
    function callBack(){
      if(myXmlHttpRequest.readyState==4){
        if(myXmlHttpRequest.status==200){
          //解析从服务器返回的字符串
          var result=myXmlHttpRequest.responseText;
          $("message").innerHTML=""+result+""
        }
        else{
          alert("执行过程中出现问题，服务器返回："+myXmlHttpRequest.statusText);
        }
      }
    }
    //通过id获取元素
    function $(id){
      return document.getElementById(id);
    }
  


  请输入你的名称