AJAX的例子

var XMLHttpReq;

//根据不同的浏览器创建不同的XMLHttpRequest对象
function createXMLHttpRequest()
{
 if (window.XMLHttpRequest)
 {
          
  XMLHttpReq = new XMLHttpRequest();
 } else {
  if (window.ActiveXObject)
   {
    
   try {
               
    XMLHttpReq = new ActiveXObject("Msxml2.XMLHTTP");
   }catch (e) {

               
    try {
     XMLHttpReq = new ActiveXObject("Microsoft.XMLHTTP");
    }catch (e) {
    
    }
   }
  }
 }
}

//发送请求
function sendRequest()
{
 //获取前台表单数据
 var username  = document.getElementById("username").value;
 var super_id = document.getElementById("select").value;
 
  //创建XMLHttpRequest对象
  createXMLHttpRequest();
       
  //指定处理请求的 Servlet  URL
  var url = "chanageManager.do";
        
    //打开连接 以post发送  进行异步
  XMLHttpReq.open("POST", url, true);
 
    //以post发送时 必须设置RequestHeader
  XMLHttpReq.setRequestHeader("Content-Type", "application/x-www-form-urlencoded");
 
      //设置回调函数
  XMLHttpReq.onreadystatechange = processResponse;
 
    //把请求发送出去
  XMLHttpReq.send("username=" + username + "&super_id=" + super_id);
 
}

//回调函数
function processResponse()
{
      
    //readyState == 4 表示与服务器交互完成
 if (XMLHttpReq.readyState == 4)
  {
           
   //XMLHttpReq.status == 200 表示服务器正常反馈客户端信息
  if (XMLHttpReq.status == 200)
   {
   
              //处理相关业务逻辑

   var result = XMLHttpReq.responseText;
   
   if(result =="true"){
    alert("更改主管成功!");
   }else{
    alert("更改主管失败o(︶︿︶)o，请请重试！");
   }

  } 
 }
}

 

转载于:https://www.cnblogs.com/qihuan/p/3956611.html