html页⾯ajax定时更新数据库,jsp+ajax⾃动刷新页⾯实例代码⼀、处理ajax请求的jsp⽂件：auto.jsp
//设置输出信息的格式及字符集
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请求的html⽂件：autoRefresh.html
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 = "auto.jsp";
jsp和html哪个更好XMLHttpReq.open("GET", url, true);
XMLHttpReq.send(null); // 发送请求
}
// 处理返回信息函数
function processResponse() {
if (adyState == 4) { // 判断对象状态
if (XMLHttpReq.status == 200) { // 信息已经成功返回，开始处理信息
DisplayHot();
setTimeout("sendRequest()", 1000);
} else { //页⾯不正常
window.alert("您所请求的页⾯有异常。");
}
}
}
function DisplayHot() {
var name = ElementsByTagName("name")[0].deValue; var count = ElementsByTagName("count")[0].deValue; ElementById("product").innerHTML = name;
}
正在热卖的笔记本
型号：
销售数量：

版权声明：本站内容均来自互联网，仅供演示用，请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198，我们将在24小时内删除。