这次给大家带来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请求的步骤详解的详细内容。