您好,欢迎访问一九零五行业门户网

js请求servlet实现ajax请求的步骤详解

这次给大家带来js请求servlet实现ajax请求的步骤详解,js请求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);   }
效果:
相信看了本文案例你已经掌握了方法,更多精彩请关注其它相关文章!
推荐阅读:
在ajax里怎么传递特殊字符数据
ajax怎样传递数组到后台
以上就是js请求servlet实现ajax请求的步骤详解的详细内容。
其它类似信息

推荐信息