介绍 & lt; head>
& lt;元http-equiv=- type内容=皌ext/html;charset=gb2312"比;
& lt;/head>
& lt;脚本语言=癹avascript"祝辞
var XMLHttpReq;//创建XMLHttpRequest对象
函数createXMLHttpRequest () {
如果(window.XMLHttpRequest) {//Mozilla浏览器
XMLHttpReq=new XMLHttpRequest ();
}
else if (window.ActiveXObject) {//IE浏览器
尝试{
XMLHttpReq=new ActiveXObject (“Msxml2.XMLHTTP");
}捕捉(e) {
尝试{
XMLHttpReq=new ActiveXObject (“Microsoft.XMLHTTP");
}捕捉(e) {}
}
}
}//发送请求函数
sendRequest()函数{
createXMLHttpRequest ();
var url=癮jax.jsp";
XMLHttpReq.open (“GET"、url、真实);
XMLHttpReq。onreadystatechange=processResponse;//指定响应函数
XMLHttpReq.send(空);//发送请求
}//处理返回信息函数
函数processResponse () {
如果(XMLHttpReq。readyState==4){//判断对象状态
如果(XMLHttpReq。状态==200){//信息已经成功返回,开始处理信息
DisplayHot ();
setTimeout (“sendRequest ()“, 1000);
其他}{//页面不正常
window.alert(“您所请求的页面有异常!”);
}
}
}
函数DisplayHot () {
var name=XMLHttpReq.responseXML.getElementsByTagName (“name") [0] .firstChild.nodeValue;
var计算=XMLHttpReq.responseXML.getElementsByTagName (“count") [0] .firstChild.nodeValue;
. getelementbyid (“product")。innerHTML=名称;
. getelementbyid (“count")。innerHTML=计数;
}
& lt;/script>
& lt;身体>看完了这篇文章,相信你对jsp如何实现局部刷新有了一定的了解,想了解更多相关知识,欢迎关注行业资讯频道,感谢各位的阅读!
小编给大家分享一下jsp如何实现局部刷新,希望大家阅读完这篇文章后大所收获、下面让我们一起去探讨吧!
通过AJAX JavaScript可使用JavaScript的XMLHttpRequest对象来直接与服务器进行通信。通过这个对象,JavaScript可在不重载页面的情况与Web服务器交换数据。
AJAX在浏览器与Web服务器之间使用异步数据传输(HTTP请求),这样就可使网页从服务器请求少量的信息,而不是整个页面。
实验中利用jsp + AJAX来实现自动刷新页面,并读/写数据库中的数据。
<强>下面介绍一下利用jsp + AJAX来实现局部页面刷新的小例子:
处理AJAX请求的jsp文件:AJAX。jsp
“);
for (int i=0; i<2,我+ +){
out.println (“& lt; name>“+ (int) (math . random () * 10) +
“号传感器& lt;/name>“);
out.println (“& lt; count>“+ (int) (math . random () * 100) +“& lt;/count>“);
}
out.println (“& lt;/response>“);
out.close ();
%在 <强>发送ajax请求的jsp文件:zx。jsp
