`

如何不用数据库实现内容的动态更新

阅读更多

那我们就是用xml技术咯。通过一个一个的xml文件来维护一个一个的页面。当然这样做只能满足小网站的开发,在10多个页面的网站。尤其是应用在一些更新非常平凡类型的网站。例如专业视频拍摄网站,专业图片展示网站等。

通过jquery读取xml的技术可以很容易的实现这样一个效果

jquery读取xml的代码举例

 <script type="text/javascript">

		/*read events xml*/

		$(document).ready( function() {

			$.get('xml/events.xml', function(d) {

			$(d).find('xml').each( function(a,b) {  

      		$(b).find('pc').each( function(m,n) {

      		var des0=$(n).find('description0').text();

      		var html='<p><font style="font-weight:bold">'+des0+'</font></p>'; 

          	var des1 = $(n).find('description1').text();

            html+= '<br>'+des1+'';

            var des2=$(n).find('description2').text();

            html+='<br>'+des2+'';

            var des3=$(n).find('description3').text();

            html+='<br>'+des3+'';

            var des4=$(n).find('description4').text();

            html+='<br>'+des4+'';

            var des5=$(n).find('description5').text();

            html+='<br>'+des5+'';

            var des6=$(n).find('description6').text();

            html+='<br>'+des6+'';

            var des7=$(n).find('description7').text();

            html+='<br>'+des7+'';

            var des8=$(n).find('description8').text();

            html+='<br>'+des8+'<br>';

            var des9=$(n).find('description9').text();

            html+='<br>'+des9+'<br>';

            var des10=$(n).find('description10').text();

            html+='<br>'+des10+'</p>';

            $('#eventscontent').append($(html));

           /*---do events scroll------------------------------------------------------------------------*/	

      

            $("#eventscontent").jscroll({W:"6px",Btn:{btn:false}});

            

      			});  

  			});  	

			});	

		});

		</script>
 

分享到:
评论

相关推荐

    ajax n级联动数据库版(带后台和省市县数据库)

    这种技术利用Ajax(异步JavaScript和XML)来实现在不刷新整个页面的情况下,动态更新部分网页内容。在本案例中,它与UTF-8编码的数据库配合,提供了高效、流畅的用户体验。 **Ajax** 是一种创建动态网页的技术,...

    html+js+css 工人信息管理功能(增删改查)前端实现,不连数据库

    3. JavaScript(JS)核心功能:JS是实现动态交互的关键,用于处理用户输入、更新DOM(文档对象模型)以反映数据变化、执行验证逻辑等。在这个系统中,JS可能用于实现增删改查的逻辑,如添加新工人信息,删除选定的...

    jsp 网上书店,主要用sql数据库

    SQL用于创建、查询、更新和管理关系型数据库。在这个网上书店中,数据库可能包含书籍信息表(如书名、作者、价格等)、用户信息表、订单信息表等,通过SQL语句进行数据的增删改查操作,确保数据的一致性和完整性。 ...

    商品库存管理系统数据库课设.doc

    对相似的组建应用不准确,在使用快表的组件时那么能够使忘记去写语句,使得结果不能正常显示,同时数据库的设计也是重中之重,任何需要查询或更新的数据都要根据数据库的连接才能实现。 七、系统的数据构造流图 ...

    ajax(DWR框架)实现简单的内容自动补全

    这意味着可以在不重新加载整个网页的情况下,对网页的某部分进行动态更新。 ### 二、DWR框架概述 DWR框架,全称Direct Web Remoting,是用于简化Java和JavaScript之间的远程调用的框架。它允许客户端JavaScript...

    jsp基于Web的可维护的数据库浏览器(源代码+论文+答辩PPT)

    【标题】:“jsp基于Web的可维护的数据库浏览器(源代码+论文+答辩PPT)”是一个基于Java JSP技术的项目,旨在实现一个Web应用程序,允许用户通过浏览器接口浏览和维护数据库。该项目提供了完整的源代码、学术论文以及...

    c# winfrom 省市区三级联动

    - 为省级`ComboBox`添加`SelectedIndexChanged`事件,当用户选择一个省份时,触发该事件,更新市级`ComboBox`的内容。 - 同理,市级`ComboBox`也需添加`SelectedIndexChanged`事件,用于更新县级`ComboBox`。 3. ...

    Visual.Studio.Team.System数据库的开发及其应用

    在数据库开发领域,.NET Framework通过ADO.NET提供了强大的数据访问能力,允许开发者使用C#或VB.NET等语言直接操作数据库,实现数据的读取、写入、更新等功能。此外,.NET Framework还支持LINQ to SQL和Entity ...

    jsp+Access不用配置数据源的新闻发布小系统

    在这个新闻发布系统中,Access用于存储新闻标题、内容、发布日期等信息,与JSP配合实现数据的CRUD(创建、读取、更新、删除)操作。 3. **无数据源配置**:通常,JDBC(Java Database Connectivity)连接数据库需要...

    JSP数据库系统开发案例精选(办公自动化管理系统)

    【JSP数据库系统开发】是IT领域中一种常见的技术应用,它将Java Server Pages与数据库结合起来,用于构建动态、交互式的Web应用程序。在本案例"办公自动化管理系统"中,我们看到这种技术如何被用来优化企业的工作...

    基于jsp的咖啡馆管理系统源码数据库.zip

    JavaServer Pages是Sun Microsystems开发的一种动态网页技术,允许开发者在HTML页面中嵌入Java代码,实现服务器端的动态内容生成。JSP页面在服务器上被编译成Servlet,然后执行并返回结果给客户端。它简化了网页开发...

    dropdownlist做的二级联动

    当用户在第一个下拉列表中选择一个选项时,第二个下拉列表会根据所选的选项动态更新其内容。这种交互方式在数据筛选、地区选择等场景中非常常见。 在"dropdownlist做的二级联动"这个主题中,我们将探讨如何使用ASP...

    JSP 网上商店(不要用于商业用途)

    JSP(JavaServer Pages)是一种动态网页技术,它允许开发者在HTML、XML或其他标记语言中嵌入Java代码,从而实现服务器端的动态内容生成。本项目是一个基于JSP的网上商店系统,主要用于教学和学习交流,不适用于商业...

    企业宣传网站附带数据库,希望能和大家分享我的小小成果

    数据库用于存储网站的动态内容,如公司简介、产品信息、新闻动态等。常见的关系型数据库管理系统(RDBMS)如MySQL、Oracle或SQL Server,可能被用在这个项目中。通过JDBC(Java Database Connectivity)接口,JSP...

    jsp基于Web的可维护的数据库浏览器(源代码+报告+答辩PPT).zip

    这个项目的核心目标是创建一个应用程序,允许用户通过Web浏览器浏览、查询、更新和维护数据库中的数据。 1. **JSP技术**: JSP是Java平台上的动态网页技术,它将HTML代码与Java代码分离,使开发者可以专注于业务...

    基于jsp的网上文玩销售系统源码数据库.zip

    1. **Java JSP**: JSP是Java的一种动态网页技术,它允许开发者在HTML页面中嵌入Java代码,从而在服务器端处理动态内容。JSP的核心思想是将表现层逻辑(HTML渲染)和业务逻辑分离,使得开发者可以专注于业务处理,而...

    基于jsp的汽车租赁管理系统源码数据库论文.doc

    JSP将网页的静态内容和动态逻辑分离,使得开发者可以更专注于业务逻辑,而不用关心页面的呈现细节。在汽车租赁管理系统中,JSP负责处理用户请求,与后台数据库交互,生成动态内容并返回给用户。 3. **数据库设计** ...

    ajax三级联动

    2. **Ajax**: AJAX (Asynchronous JavaScript and XML) 是一种创建动态网页的技术,允许在不重新加载整个页面的情况下与服务器交换数据并更新部分网页内容。这里,Ajax用于在用户选择省份时,后台获取并返回对应的...

    若依单体项目-springboot+js-无redis-无vue

    在这个项目中,JavaScript可能被用来处理用户交互、动态更新页面内容,或者与Spring Boot后端进行Ajax通信。由于没有使用特定的前端框架如Vue.js,开发者可能使用原生JavaScript或jQuery等库来实现前端功能。 **无...

    layui递归实现动态左侧菜单

    在IT行业中,构建一个动态左侧菜单是常见的需求,特别是在Web应用中。layui是一个流行的前端UI框架,它提供了丰富的组件和工具来帮助开发者...如果需要优化,可以考虑结合缓存策略或者使用Websocket实现实时更新菜单。

Global site tag (gtag.js) - Google Analytics