js实现Ajax

喜你入骨 提交于 2020-02-19 10:22:53
 //1.创建核心对象
 var xmlhttp;
  if (window.XMLHttpRequest)
  {// code for IE7+, Firefox, Chrome, Opera, Safari
      xmlhttp=new XMLHttpRequest();
  }
  else
  {// code for IE6, IE5
      xmlhttp=new ActiveXObject("Microsoft.XMLHTTP");
  }

  //2. 建立连接
  /*
      参数:
          1. 请求方式:GET、POST
              * get方式,请求参数在URL后边拼接。send方法为空参
              * post方式,请求参数在send方法中定义
          2. 请求的URL:
          3. 同步或异步请求:true(异步)或 false(同步)

   */
  xmlhttp.open("GET","ajaxServlet?username=tom",true);

  //3.发送请求
  xmlhttp.send();

  //4.接受并处理来自服务器的响应结果
  //获取方式 :xmlhttp.responseText
  //什么时候获取?当服务器响应成功后再获取

  //当xmlhttp对象的就绪状态改变时,触发事件onreadystatechange。
  xmlhttp.onreadystatechange=function()
  {
      //判断readyState就绪状态是否为4,判断status响应状态码是否为200
      if (xmlhttp.readyState==4 && xmlhttp.status==200)
      {
         //获取服务器的响应结果
          var responseText = xmlhttp.responseText;
          alert(responseText);
      }
  }

标签
易学教程内所有资源均来自网络或用户发布的内容,如有违反法律规定的内容欢迎反馈
该文章没有解决你所遇到的问题?点击提问,说说你的问题,让更多的人一起探讨吧!