jsp java局部刷新_jsp怎么实现局部刷新
jsp实现局部刷新的方法:首先创建一个处理ajax请求的jsp文件;然后设置输出信息的格式及字符集;最后利用JSP和ajax来实现局部页面刷新即可。
通过 AJAX,JavaScript 可使用 JavaScript 的 XMLHttpRequest 对象来直接与服务器进行通信。通过这个对象, JavaScript 可在不重载页面的情况与 Web 服务器交换数据。
推荐课程:Java教程。
AJAX 在浏览器与 Web 服务器之间使用异步数据传输(HTTP 请求),这样就可使网页从服务器请求少量的信息,而不是整个页面。
实验中利用JSP+ajax来实现自动刷新页面,并读/写数据库中的数据。
下面介绍一下利用JSP+ajax来实现局部页面刷新的小例子:
处理ajax请求的jsp文件:ajax.jsp
//这是一个Java程序
//设置输出信息的格式及字符集
response.setContentType("text/xml; charset=UTF-8");
response.setHeader("Cache-Control","no-cache");
out.println("");
for(int i=0;i<2;i++){
out.println(""+(int)(Math.random()*10)+
"号传感器");
out.println("" +(int)(Math.random()*100)+ "");
}
out.println("");
out.close();
%>
发送ajax请求的jsp文件:zx.jsp
var XMLHttpReq;
//创建XMLHttpRequest对象
function createXMLHttpRequest() {
if(window.XMLHttpRequest) { //Mozilla 浏览器
XMLHttpReq = new XMLHttpRequest();
}
else if (window.ActiveXObject) { // IE浏览器
try {
XMLHttpReq = new ActiveXObject("Msxml2.XMLHTTP");
} catch (e) {
try {
XMLHttpReq = new ActiveXObject("Microsoft.XMLHTTP");
} catch (e) {}
}
}
}
//发送请求函数
function sendRequest() {
createXMLHttpRequest();
var url = "ajax.jsp";
XMLHttpReq.open("GET", url, true);
XMLHttpReq.onreadystatechange = processResponse;//指定响应函数
XMLHttpReq.send(null); // 发送请求
}
// 处理返回信息函数
function processResponse() {
if (XMLHttpReq.readyState == 4) { // 判断对象状态
if (XMLHttpReq.status == 200) { // 信息已经成功返回,开始处理信息
DisplayHot();
setTimeout("sendRequest()", 1000);
} else { //页面不正常
window.alert("您所请求的页面有异常。");
}
}
}
function DisplayHot() {
var name = XMLHttpReq.responseXML.getElementsByTagName("name")[0].firstChild.nodeValue;
var count = XMLHttpReq.responseXML.getElementsByTagName("count")[0].firstChild.nodeValue;
document.getElementById("product").innerHTML = name;
document.getElementById("count").innerHTML = count;
}
无线传感网 | |
传感器: | |
传感器个数: |
效果如下(页面上的值自动变化):
局部刷新之后:
jsp java局部刷新_jsp怎么实现局部刷新相关推荐
- jsp java el表达式_jsp相关笔记,el表达式、jsp标签库(jstl)
一.jsp基础部分 1.介绍 概念 JSP(Java Server Page),java服务器端页面,可以定义html标签,又可以定义java代码. 原理 JSP本质上就是一个Servlet 2.JS ...
- jsp java乱码转换_JSP中文乱码问题《转》
之前总是碰到JSP页面乱码的问题,每次都是现在网上搜,然后胡乱改,改完也不明白原因. 这次正好作下总结,中文乱码就是因为编码不符,可能出现乱码有四个地方: 1 JSP编码乱码 2 HTML编码乱码 3 ...
- jsp java 传值方法_JSP页面间的传值方法总结
前言 jsp 页面间传递参数是项目中经常需要的,这应该算是 web 基本功吧.试着将各种方式总结下来,需要时可以进行权衡利弊选择最合适的方式.下面来一起看看详细的介绍: 1. url 链接后追加参数 ...
- jsp java 传值方法_JSP 页面传值方法总结(转)
JSP 页面间传递参数是项目中经常需要的,这应该算是 web 基本功吧. 试着将各种方式总结下来,需要时可以进行权衡利弊选择最合适的方式. 1. URL 链接后追加参数 URL 后面追加参数 resp ...
- jsp java方法调用_jsp怎么调用java方法
jsp调用java的方法:首先在JSP页面中引入Java方法所在的包:然后在页面中编写[]并保存运行即可. 其实非常简单,因为在jsp中可以直接进行Java程序的编写,所以调用Java的方法只需一点点 ...
- java中刷新页面的js,[Java教程]js页面刷新之实现框架内外刷新(整体、局部)
[Java教程]js页面刷新之实现框架内外刷新(整体.局部) 0 2016-10-12 12:00:56 这次总结的是框架刷新: 框架内外的按钮均可以定义网页重定向, 框架内部页面的按钮可以实现局部刷 ...
- 简单说明JSP和Java的关系_JSP 总结
JSP(Java Server Page) JSP是服务器端运行的页面,JSP本就是一个文档,他不仅可以包含静态的HTML代码,也可以包含动态的JAVA代码,服务器容器可以将JSP转换成Servlet ...
- jsp java 登陆_jsp+java servlet实现简单用户登录
jsp+java servlet实现简单用户登录(使用数据库,包括注册页面) 功能介绍 本项目通过使用jsp和servlet实现简单的用户登录.主要逻辑为:如果用户不存在,则首先进行注册(注册信息同步 ...
- JSP (java服务器页面)
JSP (java服务器页面) 本质是servlet 底层是java文件 具体内容包含servlet中的内容 并且可以输出 pre标签 预格式化标签 能保留多个空格和tab缩进的位置 (不需要 空格) ...
最新文章
- 微信机器人 java 源码_三步轻松打造微信聊天机器人(附源码)
- 开漏(open drain)和开集(open collector)
- 一张纸能有多大力量?
- java 封箱_java封箱和拆箱分析
- magento 删除所有用户订单 delete order customer
- 用Apache HttpClient实现URL重定向
- AngularJS判断checkbox/复选框是否选中并实时显示
- mybatis mysql crud_mybatis实现CRUD操作(mysql数据库)(二)
- STM32驱动LCD1602,哪位同学需要的,来了
- CS 61A FALL 2020 Project-cats
- php程序的完整路径和文件名,php从完整文件路径中分离文件目录和文件名的方法...
- 查看raid卡型号和固件版本
- lol服务器维护补偿,LOL官方:服务器崩溃补偿!全服再次免费赠送皮肤一款!
- html 做填写的表格,CSS写的简单表格示例
- 解决高版本MATLAB robotics toolbox在plot/teach时报错问题
- revit二次开发--Reference
- Ubuntu20.04安装有道词典记录
- 结合xxx.cpp:(.text+0x55):对‘xxx’未定义的引用剖析Linux环境下动态库.so文件
- 无线局域网WLAN之初步认识
- AutoCAD 2008 简体中文精简版(适合低配置电脑)