网站内容更新系统(新闻列表无刷新意味着是ajax,仅仅是感觉上很好)

优采云 发布时间: 2021-09-18 09:02

  网站内容更新系统(新闻列表无刷新意味着是ajax,仅仅是感觉上很好)

  新闻列表是信息管理系统中最常见、最简单的一种。一些简单的新闻列表是一个表,然后数据在不分页的情况下循环写入。这样,如果数据量很大,情况就会变得非常糟糕。打开网页通常需要很长时间,这大大降低了用户体验效果

  分页也是非常特殊的。不同的数据库通常对应不同的分页方法。这里没有讨论。接下来,我们只使用simple access作为数据库来分页新闻列表,而不进行刷新。无刷新意味着使用ajax技术。当然,不刷新不仅仅是Ajax,还有其他实现不刷新的方法,比如一次读取所有数据,并根据页面数量显示不同的内容。这只能通过JavaScript实现,但这无疑是饮鸩止渴。这与上面不分页的效果相同。换汤不换药,只是感觉很好

  要使用ajax,可以手动编写或使用框架。我更喜欢jQuery编写Ajax,VS2010非常支持jQuery。对于分页,jQuery已经有现成的插件供我们使用

  让我们开始创造美丽新闻的第一步:需求分析

  当你做任何事情时,你必须知道你的需求是什么。否则,在工作了很长时间后,你会发现它根本不能满足你的需要,你会徒劳地忙碌

  我们的需要如下:

  1.动态新闻列表(非常简单)

  2.你可以分页阅读新闻列表(这并不难)

  3.阅读新闻列表时无需刷新页面(这有点困难)

  4.你可以预览新闻内容(这也有点难)

  5.友好的界面(这是必须的)

  让我们详细谈谈我们的需求:

  为了1、2第五,不要解释。你可以在网上找到很多信息。让我们解释一下第三点和第四点。事实上,如果你对Ajax了解一点,这些都是小儿科

  3.==“在不刷新的情况下读取页面中的新闻列表,单击下一页时触发事件,调用Ajax在数据库中查找下一页的数据,返回数据,然后在页面上显示

  4==“预览新闻内容,当鼠标移动到连接上时触发事件,获取新闻ID,使用ajax在数据库中查找相应的新闻内容,并截取一个部分显示在Div中。这里有一个需要注意的地方,即如果截取的内容中有HTML标记,请特别注意

  好的,在需求分析完成之后,我们开始做它。准备以下环境:

  vs2010+access+jquery

  开发环境vs也可以使用2008sp1,因为这个版本有智能的jQuery提示。当然,也可以使用其他版本,即没有智能提示的效果

  access数据库的版本为2003

  jquery:@k233.2以上版本

  当然,还需要使用其他文件。我以后再谈。让我们先预览最终效果:(预览中收录分页…)

  

  注意:本文的对象主要是Ajax新手,或者根本没有联系过的人,但他们希望使用Ajax快速完成任务

0 个评论

要回复文章请先登录注册


官方客服QQ群

微信人工客服

QQ人工客服


线