当前位置:首页 > 全部子站 > IT > 思科认证

J2SE综合:与你一起讨论AJAX进一阶应用

来源:长理培训发布时间:2017-12-21 14:37:54

 百度广告

  解决的问题:当通过AJAX多次提交请求,而服务器端反映比较慢,导致只有最后一个请求被响应的现象。
提交请求:ajaxtest.jsp

  var count = 0;
var http_request;
http_request = false;
if(window.XMLHttpRequest) { //Mozilla 浏览器
if (http_request.overrideMimeType) {//设置MiME类别
}
else if (window.ActiveXObject) { // IE浏览器
http_request = new ActiveXObject("Msxml2.XMLHTTP");
try {
} catch (e) {}
}
window.alert("不能创建XMLHttpRequest对象实例.");
}
// 确定发送请求的方式和URL以及是否同步执行下段代码
http_request.send(null);
// 处理返回信息的函数
if (http_request.readyState == 4) { // 判断对象状态
var rtext = http_request.responseText;
"
} else { //页面不正常
}
}

  function refreshTable() {
send_request('ajaxtestresponse.jsp?count=' + (++count) + '&refreshtime='+k);

  //window.setTimeout('refreshTable()',10000);

  响应请求:ajaxtestresponse.jsp

  其中,提交请求包含一个技术参数,响应请求延迟5秒左右的时间,再返回请求,以表示系统延迟比较大。

  在tomcat中运行http://localhost:8080/ajaxtest.jsp 点击按钮,发送请求,然后等待回应,如果在没有回应之前,连续点击按钮提交请求,虽然后台接收到了这些请求,但是由于对运行状态的判断,web浏览器只能接收到最后一个返回的响应。

  为了让浏览器能够全部接受返回的信息,有两个办法:
// 确定发送请求的方式和URL以及是否同步执行下段代码
改为
表示等到响应接收到后,才能进行其它操作, 这样web浏览器发送请求后会有较长时间的停顿,影响客户体验,不好。

  2、将
k = new Date();
}
function refreshTable() {
if(http_request.readyState!=4) {
return;
}
send_request('ajaxtestresponse.jsp?count=' + (++count) + '&refreshtime='+k);
增加状态判断,并进行延迟。 客户体验好。

责编:罗莉

发表评论(共0条评论)
请自觉遵守互联网相关政策法规,评论内容只代表网友观点,发表审核后显示!

国家电网校园招聘考试直播课程通关班

  • 讲师:刘萍萍 / 谢楠
  • 课时:160h
  • 价格 4580

特色双名师解密新课程高频考点,送国家电网教材讲义,助力一次通关

配套通关班送国网在线题库一套

课程专业名称
讲师
课时
查看课程

国家电网招聘考试录播视频课程

  • 讲师:崔莹莹 / 刘萍萍
  • 课时:180h
  • 价格 3580

特色解密新课程高频考点,免费学习,助力一次通关

配套全套国网视频课程免费学习

课程专业名称
讲师
课时
查看课程
在线题库
面授课程更多>>
图书商城更多>>
在线报名
  • 报考专业:
    *(必填)
  • 姓名:
    *(必填)
  • 手机号码:
    *(必填)
返回顶部