javascript请求servlet实现ajax示例(分享)

ajax请求是一种无刷新式的用户体验，可以发送get和post两种异步请求，现记录如下：

get请求：

function sendrequestbyget(){
     //定义异步请求对象
    var xmlreq;
    //检测浏览器是否直接支持ajax
    if(window.xmlhttprequest){//直接支持ajax
      xmlreq=new xmlhttprequest();
    }else{//不直接支持ajax
      xmlreq=new activeobject('microsoft.xmlhttp');
    }
    
     //设置回调函数
     xmlreq.onreadystatechange=function(){
       if (xmlreq.readystate==4&&xmlreq.status==200) {
         //获取服务器的响应值
        var result=xmlreq.responsetext;
         //后续操作
         alert(result);
      }
     };
     
     //创建异步get请求
     var url="hello?name=zhangsan";
     xmlreq.open("get",url,true);
     //发送请求
     xmlreq.send(null);
   }

post请求：

function sendrequestbypost(){
     //定义异步请求对象
    var xmlreq;
    //检测浏览器是否直接支持ajax
    if(window.xmlhttprequest){//直接支持ajax
      xmlreq=new xmlhttprequest();
    }else{//不直接支持ajax
      xmlreq=new activeobject('microsoft.xmlhttp');
    }
    
     //设置回调函数
     xmlreq.onreadystatechange=function(){
       if (xmlreq.readystate==4&&xmlreq.status==200) {
         //获取服务器的响应值
        var result=xmlreq.responsetext;
         //后续操作
         alert(result);
      }
     };
     
     //创建异步post请求
     var url="hello";
     xmlreq.open("post",url,true);
     xmlreq.setrequestheader("content-type","application/x-www-form-urlencoded");
     //发送请求
     var data="name=lisi";
     xmlreq.send(data);
   }

ajax请求的servlet：

@override
  protected void dopost(httpservletrequest req, httpservletresponse resp)
      throws servletexception, ioexception {
    string name=req.getparameter("name");
    printwriter out = resp.getwriter();
    out.print(name);
  }

效果：

以上这篇javascript请求servlet实现ajax示例(分享)就是小编分享给大家的全部内容了，希望能给大家一个参考，也希望大家多多支持。