网站内容更新系统(新闻列表无刷新意味着是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快速完成任务