jsp刷新页面的方法,jsp局部刷新页面中的div

  jsp刷新页面的方法,jsp局部刷新页面中的div

  写爬虫互联网协议(互联网协议)被封了怎么解决?立即使用

  通过AJAX、JavaScript可使用Java脚本语言的XMLHttpRequest对象来直接与服务器进行通信。通过这个对象,JavaScript可在不重载页面的情况与网服务器交换数据。

  推荐课程:Java教程。

  创建交互式、快速动态网页应用的网页开发技术在浏览器与网服务器之间使用异步数据传输(HTTP请求),这样就可使网页从服务器请求少量的信息,而不是整个页面。

  实验中利用JSP ajax来实现自动刷新页面,并读/写数据库中的数据。

  下面介绍一下利用JSP+ajax来实现局部页面刷新的小例子:

  处理创建交互式、快速动态网页应用的网页开发技术请求的jsp文件:ajax.jsp

  %@页content type= text/html;charset=gb2312 %

  %

  //这是一个爪哇程序

  //设置输出信息的格式及字符集

  回应。设置内容类型( text/XML;charset=UTF-8 );

  回应。设置标题(“缓存控制”、“无缓存”);

  出去。println(" response ");

  for(int I=0;I2;i ){

  出去。println( name (int)(数学。random()* 10)

  号传感器/name’);

  出去。println( count (int)(数学。random()* 100)/count );

  }

  出去。println(/response );

  出去。close();

  %发送ajax请求的jsp文件:zx.jsp

  头

  META http-equiv=Content-Type Content= text/html; charset=gb2312

  /头

  脚本语言=javascript

  var XMLHttpReq

  //创建XMLHttpRequest对象

  函数createXMLHttpRequest() {

  如果(窗口XMLHttpRequest) { //Mozilla浏览器

  XMLHttpReq=new XMLHttpRequest();

  }

  else if(窗口. ActiveXObject) { //IE浏览器

  尝试{

  XMLHttpReq=新建ActiveX对象( MSXML 2 .XMLHTTP’);

  } catch (e) {

  尝试{

  XMLHttpReq=新建ActiveX对象( Microsoft .XMLHTTP’);

  } catch (e) {}

  }

  }

  }

  //发送请求函数

  函数sendRequest() {

  createXMLHttpRequest();

  var URL= ajax.jsp

  XMLHttpReq.open(GET ,url,true);

  xmlhttpreq。onreadystatechange=流程响应;//指定响应函数

  xmlhttpreq。发送(空);//发送请求

  }

  //处理返回信息函数

  函数processResponse() {

  if(xmlhttpreq。就绪状态==4){//判断对象状态

  if (XMLHttpReq.status==200) { //信息已经成功返回,开始处理信息

  显示热();

  setTimeout(sendRequest(),1000);

  } else { //页面不正常

  window.alert(您所请求的页面有异常。);

  }

  }

  }

  函数显示热点(){

  var name=xmlhttpreq。响应XML。getelementsbytagname( name )[0]。第一个孩子。nodevalue

  var count=xmlhttpreq。响应XML。getelementsbytagname( count )[0]。第一个孩子。nodevalue

  文档。getelementbyid(“产品”).innerHTML=名称

  document.getElementById(count ).innerHTML=计数

  }

  /脚本

  body onload=sendRequest()

  table style= BORDER-COLLAPSE:COLLAPSE BORDER color=# 111111 cellSpacing=0 cell padding=0 width=200 bgColor=# f5e F7 BORDER=0

  土耳其

  TD align=middle bgColor=# dbc2b 0 height=19 colspan= 2 B无线传感网/B /TD

  /TR

  tr

  任务描述高度=20 传感器:/td

  td height=20 id=product /td

  /tr

  tr

  任务描述高度=20 传感器个数:/td

  td height=20 id=count /td

  /tr

  /body

  /表效果如下(页面上的值自动变化):

  局部刷新之后:

  以上就是jsp怎么实现局部刷新的详细内容,更多请关注我们其它相关文章!

郑重声明:本文由网友发布,不代表盛行IT的观点,版权归原作者所有,仅为传播更多信息之目的,如有侵权请联系,我们将第一时间修改或删除,多谢。

留言与评论(共有 条评论)
   
验证码: