`
wlh269
  • 浏览: 455585 次
  • 性别: Icon_minigender_1
  • 来自: 北京
社区版块
存档分类
最新评论

ajax分页显示

阅读更多
1.获得dom(document)的方式?
 答:SAXBuilder builder = new SAXBuilder();
   this.dom = builder.build(repage.ServXml.class.getResource("news.xml"));
   ServXml.java所在的路径和news.xml所在的路径一致,通过反射机制加载news.xml文件信息
   
   测试源代码:
   public class Test {
	public static void main(String []args){
		Document dom=null;
		SAXBuilder builder = new SAXBuilder();
		try {
			//加载与ServXml.java在同一路径下的文件news.xml
			dom = builder.build(repage.ServXml.class.getResource("news.xml"));
		} catch (JDOMException e) {
			e.printStackTrace();
		} catch (IOException e) {
			e.printStackTrace();
		}
		System.out.print("news.size():"+dom.getRootElement().getChildren().size());
	}
}

2.以下为Servlet处理输出xml格式的文本信息的代码:
	Document doc = new Document();
	response.setContentType("application/xml");//输出为范式良好的XML文档
	..................
	...组织document...
	..................
	XMLOutputter outputter = new XMLOutputter(Format.getPrettyFormat().setEncoding("ISO8859-1"));
	outputter.output(doc,response.getWriter());
	
	输出文本格式如下:
	<list>
	 	<currentPage>当前页数</currentPage>
	  	<totalPage>总页数</totalPage>
	  	<newslist>
	      <news id="书籍序号1">
	    	 <title>标题1</title>
	    	 <submittime>作者1</submittime>
	    	</news>
	    	
	       <news id="书籍序号2">
	     	 <title>标题2</title>
	     	 <submittime>作者2</submittime>
	    	</news>
	  	</newslist>
	  	</list>

3.Ajax接收获取的xml文本,解析以该文本:
	 var doc=xml_httpRequest.responseXML;
	 var currentPage=doc.getElementsByTagName("currentPage")[0].firstChild.data;//从xml文本读-当前页标
	 var totalPage=doc.getElementsByTagName("totalPage")[0].firstChild.data;//从xml文本读取-总页数
	 //读取书籍列表,
	 var  newslist=doc.getElementsByTagName("news");
	  for(var i=0;i<newslist.length;i++){
		     var news=newslist[i];
		     var id=news.getAttribute("id");
		     var title=(news.childNodes[0].firstChild==null)?"":news.childNodes[0].firstChild.data;
		     var author=(news.childNodes[1].firstChild==null)?"":news.childNodes[1].firstChild.data;
	  }
      
	
	 (a)getElementsByTagName:返回的是一个标签组成的数组
		 例1:var doc=xml_httpRequest.responseXML;
		     var  newslist=doc.getElementsByTagName("news");//返回由多个news标签组成的数组
	 (b)数组名[i]: 得到第i个标签
		 例1:var doc=xml_httpRequest.responseXML; 
		     var  newslist=doc.getElementsByTagName("news");//返回由多个news标签组成的数组
	         var news=newslist[0];//得到第1个标签news
		    
	 (c)数组名[i].firstChild.data:得到标签数组内的第i个标签内的文本
	      例1:var currentPage=doc.getElementsByTagName("currentPage")[0].firstChild.data
	 (d) news.childNodes[i].firstChild.data:得到一个标签news的第i个子标签间的文本  
	     例2:
		 <news id="书籍序号1">
			 <title>标题1</title>
			 <submittime>作者1</submittime>
		 </news>
		 具体过程如下:
	     var  newslist=doc.getElementsByTagName("news");//返回由多个news标签组成的数组
	     var news=newslist[0];//得到第1个标签news
	     var title=news.childNodes[0].firstChild.data;//得到一个标签内的第1个子标签间的文本  
分享到:
评论

相关推荐

    帝国CMS-内容页评论AJAX分页显示插件

    这个"帝国CMS-内容页评论AJAX分页显示插件"是专门为帝国CMS设计的一个增强用户体验的功能组件,旨在提高用户在浏览网页时对评论部分的交互性和效率。 在传统的网页设计中,当用户想要查看不同页面的评论时,通常...

    struts2+hibernate(文件批量上传至数据库+Ajax分页显示)

    总之,这个项目展示了如何将Struts2和Hibernate结合使用,以实现文件批量上传到数据库以及Ajax分页显示的功能。通过学习这个项目,开发者可以深入理解Java Web开发中的MVC模式、ORM框架以及前端动态加载技术。

    Java Ajax分页,jsp ajax分页

    总结来说,实现Java AJAX分页和JSP分页涉及前后端的协作。前端通过AJAX与后端通信,后端处理请求并从数据库获取数据,然后将数据返回给前端,前端再更新页面内容。这个过程提升了用户体验,使得浏览大数据集变得更加...

    ajax 分页 ajax分页

    **Ajax分页原理:** Ajax分页的基本原理是通过JavaScript异步发送HTTP请求到服务器,请求只获取当前页所需的数据,然后在客户端用JavaScript动态地将这些数据插入到网页中。这样用户可以在浏览页面时保持交互性,而...

    Jquery Ajax分页(有实例)

    **jQuery AJAX分页技术详解** 在Web开发中,分页是一种常见的数据展示方式,它能够有效地组织大量数据,提高页面加载速度,优化用户体验。jQuery,一个轻量级、功能丰富的JavaScript库,结合AJAX(异步JavaScript和...

    Ajax分页 Asp.net 分页

    在Asp.net中,我们可以使用多种方式实现Ajax分页,如jQuery的Ajax功能、ASP.NET AJAX Control Toolkit中的Paging控件,或者自定义Ajax分页组件。这里我们将主要讨论使用jQuery Ajax和Asp.net MVC或Web Forms的方式。...

    ASP + Ajax 分页实例

    传统的分页通常会加载整个页面,而使用Ajax分页,只需要向服务器请求当前页的数据,然后在客户端动态更新,这样可以显著减少数据传输量,提高页面响应速度。 具体实现步骤可能包括以下几点: 1. **前端准备**:在...

    ajax分页

    在Web开发中,为了提高用户体验,常常需要实现数据的分页显示,尤其是在处理大量数据时。Ajax(Asynchronous JavaScript and XML)分页是一种非刷新加载方式,它允许用户在不重新加载整个网页的情况下,仅更新部分...

    ajax分页demo

    在Web开发中,Ajax分页是实现数据展示时提高用户体验的有效手段,它允许用户在不刷新整个页面的情况下,通过网络获取并显示新的页面内容。 在“ajax分页demo”这个项目中,我们可以通过将压缩包“ajaxpage”解压并...

    前端ajax分页

    "前端Ajax分页"就是这样的一个实现方式,它结合了Ajax(异步JavaScript和XML)技术和JavaScript来实现动态加载内容。 Ajax的核心在于它可以向服务器发送异步请求,获取新数据,并在后台更新部分页面,而不会影响...

    MVC3的Ajax分页

    在MVC3中实现Ajax分页,可以极大地提高用户体验,因为用户无需等待整个页面刷新,只需要加载分页所需的数据。这种技术主要依赖于JavaScript和jQuery库,以及服务器端的Ajax支持。在这个场景中,我们使用了一个名为`...

    php经典多样式分页类,附带Ajax分页

    实现Ajax分页,通常需要以下几个步骤: 1. 创建前端事件监听器:监听分页链接或按钮的点击事件。 2. 发送Ajax请求:当用户点击分页链接时,向服务器发送包含当前页码的Ajax请求。 3. 处理服务器响应:服务器接收到...

    jquery ajax 分页 前端

    **jQuery AJAX 分页技术在前端应用详解** 在Web开发中,分页是一种常见的用户界面功能,用于处理大量数据的展示,提高页面加载速度并优化用户体验。本篇文章将深入探讨如何利用jQuery和AJAX技术实现纯前端的分页...

    ASP.NET+AJAX分页

    最后,`demo` 文件夹可能包含了一个实际的示例项目,展示如何将所有这些元素整合在一起,创建一个工作中的ASP.NET+AJAX分页解决方案。通过查看和运行这个示例,开发者可以直观地理解各种组件是如何协同工作的,并...

    jquery+ajax分页

    通过以上步骤,我们可以实现一个基本的jQuery + AJAX分页功能。在实际项目中,根据需求可能还需要考虑更多细节,如分页大小的调整、搜索和排序功能的集成等。总的来说,jQuery与AJAX的结合极大地提高了Web应用的交互...

    ASP.NET AJAX分页控件

    ASP.NET AJAX分页控件是一种在Web应用中实现动态、交互式用户体验的关键技术。它结合了ASP.NET的强大功能和AJAX(Asynchronous JavaScript and XML)的异步特性,以提高网页加载速度,优化用户界面,并减少不必要的...

    ajax 分页ajax 分页ajax 分页

    **Ajax 分页技术详解** Ajax(Asynchronous JavaScript and XML)...综上所述,Ajax分页技术是现代Web应用中提高数据加载效率和用户体验的重要手段。通过合理的前端和后端设计,我们可以构建出流畅、高效的分页系统。

    tp3.2+ajax无刷新分页

    6. **项目实例**:除了理论知识,实际的代码实例可以让开发者更好地理解和应用这些概念,通过阅读和调试代码,可以加深对ThinkPHP 3.2和Ajax分页的理解。 7. **用户体验**:无刷新分页提升了用户体验,避免了用户...

    java+Ajax分页

    Java和Ajax分页是Web开发中的重要技术,用于在不刷新整个页面的情况下加载大量数据,提升用户体验。在大型数据集的展示中,分页尤为重要,因为它可以有效地管理资源,减少服务器压力,同时使用户能够更方便地浏览和...

Global site tag (gtag.js) - Google Analytics