js代码:
$(document).ready(function () {
setInterval(refreshMeetInfo, 5000);
});
function refreshMeetInfo() {
$.ajax({
type:'post',
url:'bookShop.do?parameter=refreshMeetInfo',
cache:false,
async:true,
success:function(booklist){
var doc=booklist.documentElement;
var nodelist=doc.getElementsByTagName("book");
var htmlstr="";
for(var i=0;i<nodelist.length;i++)
{
var author=nodelist[i].getElementsByTagName("author")[0].text;
var bookname=nodelist[i].getElementsByTagName("bookName")[0].text;
var bookid=nodelist[i].getElementsByTagName("bookId")[0].text;
var id=nodelist[i].getElementsByTagName("Id")[0].text;
var booknumber=nodelist[i].getElementsByTagName("booknumber")[0].text;
var bookprice=nodelist[i].getElementsByTagName("bookprice")[0].text;
htmlstr+='<tr><td>'
+bookid
+'</td>'
+'<td>'
+bookname
+'</td>'
+'<td>'
+author
+'</td>'
+'<td>'
+bookprice
+'</td>'
+'<td>'
+"<a href=bookShop.do?parameter=getBookListCar&bookid="+bookid+">"
+"shoping"
+"</a></td>"
;
htmlstr+='</tr>'
}
$("#memberList").html(htmlstr);
}
});
}
action代码:
public ActionForward refreshMeetInfo(ActionMapping mapping,
ActionForm form, HttpServletRequest request,
HttpServletResponse response) throws Exception {
List<Bookshoping> book = bookShopListBiz.getBookShopList();
Bookshoping bs = new Bookshoping();
Document doc = DocumentHelper.createDocument();
Element el = doc.addElement("rsp");
Element bk = null;
for (int i = 0; i < book.size(); i++) {
bs = (Bookshoping) book.get(i);
bk = el.addElement("book");
bk.addElement("author").setText(bs.getAuthor());
bk.addElement("bookName").setText(bs.getBookname());
bk.addElement("bookId").setText(bs.getBookid().toString());
bk.addElement("Id").setText(bs.getId().toString());
bk.addElement("booknumber").setText(bs.getNumber().toString());
bk.addElement("bookprice").setText(bs.getPrice().toString());
System.out.println("***************"+bs.getPrice().toString());
}
writerXML(response, doc);
return null;
}
分享到:
相关推荐
本知识点将重点介绍如何使用jQuery库配合AJAX技术来实现局部页面的定时刷新。主要涉及的技术包括: - **jQuery**:一个快速、简洁的JavaScript库,极大地简化了HTML文档的操作、事件处理、动画等任务。 - **AJAX**...
局部刷新我们讲述到最多的是ajax 了,当然也可以不使用ajax来刷新页面了,我们可以使用jquery中的append来给指定内容加东西了,当然最实用的还是ajax加载数据了。 例子,定时局部刷新 定时局部刷新用到jQuery里面的...
- **性能优化**:为了避免重复请求,可以使用缓存策略,例如在一定时间内缓存已请求过的页面数据。 - **错误处理**:添加错误处理机制,当Ajax请求失败时,给出友好的提示。 - **用户体验**:在请求数据期间,显示...
本篇文章通过两种方法实例讲解ajax定时刷新局部页面,当然方法有很多种,也可以不使用ajax来刷新页面,可以使用jquery中的append来给指定内容加东西,但是都不太实用,最实用的方法还是ajax加载数据了。 方法一: ...
传统的HTTP请求方式需要用户手动刷新页面才能获取最新数据,而Ajax(Asynchronous JavaScript and XML)技术则提供了异步数据交换和页面更新的能力,使得页面可以在不重新加载整个网页的情况下与服务器交换数据并...
另一种实现方式是利用客户端脚本来定时刷新页面的某一部分。这种方法不需要额外的库支持,但可能不如使用AJAX控件那样简洁和高效。 ##### 示例代码: ```html function refreshData() { $.ajax({ url: "your-...
在这个例子中,`getData()`函数每3秒钟会被调用一次,实现页面数据的定时刷新。 总结一下,JQuery实现定时刷新功能主要涉及以下步骤: 1. 引入JQuery库。 2. 使用`$(function() {...})`确保代码在DOM加载完成后执行...
在这个案例中,jQuery被用来实现AJAX(异步JavaScript和XML)功能,使得用户在无需刷新整个页面的情况下,可以实时地发送和接收数据。例如,用户发表评论后,jQuery会通过AJAX调用PHP脚本,将评论内容发送到服务器,...
在本文实例中,使用ajax的GET方法定时向服务器发送请求,获取数据,然后更新网页内容。 ajax请求中的主要属性和方法包括: 1. type:指定请求方式,本文示例中为"GET"。 2. url:指定请求的服务器地址。 3. ...
在现代Web开发中,实现页面的无刷新动态加载数据是一个常见的需求,它能够提升用户体验,减少...对于Web开发新手来说,这是一个很好的入门级案例,通过实践操作能够加深对前后端数据交互以及无刷新页面加载技术的理解。
jQuery的AJAX方法($.ajax)是基于XMLHttpRequest对象的,它允许我们在不刷新整个页面的情况下与服务器进行异步交互。基本语法如下: ```javascript $.ajax({ url: '服务器接口地址', type: 'GET'或'POST', data...
这个项目似乎是一个示例,展示了如何利用这些技术实时更新数据库中的在线人数,而无需用户手动刷新页面。以下是关于这些知识点的详细说明: 1. **jQuery**: jQuery是一个轻量级的JavaScript库,它简化了HTML文档...
在Web开发中,无刷新技术允许用户在不重新加载整个网页的情况下更新部分页面内容。这通常通过Ajax(异步JavaScript和XML)或现代前端框架如Vue.js、React.js等实现。AceAdmin作为一个后台管理模板,利用Ajax来实现...
【jQuery实现的局部刷新聊天室】是一个利用JavaScript库jQuery构建的实时通信系统,它通过Ajax技术实现了页面的无刷新更新,提供了丰富的用户体验。聊天室功能包括发送消息、接收消息、显示在线用户列表以及表情功能...
在这个案例中,popupWin控件与Ajax框架结合,使得提示信息能够在后台获取并更新,用户无需刷新页面就能接收到新消息,提高了用户体验。 4. **页面加载时不显示**:这个特性旨在避免在页面加载时就弹出提示,打扰...
- **定时刷新与局部刷新**:在无刷新分页中,定时刷新指的是在特定时间间隔内自动从服务器获取更新的数据,而局部刷新则是指只更新页面的部分内容而不重新加载整个页面。 通过上述知识点的学习,我们可以了解到,无...
在Web开发中,Django和Ajax的结合使用可以极大地提升用户体验,通过无刷新的方式实现实时页面更新。本文将详细讲解如何在...通过这种方式,用户无需刷新页面就能看到动态变化的内容,提高了应用的交互性和用户体验。