图老师设计创意栏目是一个分享最好最实用的教程的社区,我们拥有最用心的各种教程,今天就给大家分享如何用AJAX实现网页无刷新功能的教程,热爱PS的朋友们快点看过来吧!
【 tulaoshi.com - Web开发 】
在本篇教程中,数据库的表名和日志查看页面以L-Blog为例,因为我的博客程序是从L-Blog修改而来。
本教程中的例子已经通过实际测试,可以直接在L-Blog或FBS中使用。当然,要真正应用的话还是需要做一些美化及完善的。
(本文来源于图老师网站,更多请访问http://www.tulaoshi.com/webkaifa/)在数据库中日志内容数据表名为blog_Content,其中日志ID为log_ID,日志标题为log_Title,日志查看页面为blogview.asp,参数为日志logID。有了这些资料,就可以开始创建搜索结果的XML文档模板了。在显示搜索结果时,需要显示日志的标题,以及日志的ID来创建到查看日志的链接。
搜索结果模板sample.xml
CODE:
(本文来源于图老师网站,更多请访问http://www.tulaoshi.com/webkaifa/)每个result就是一个搜索结果,为了处理没有找到相关内容的情况,我定义了当搜索结果为空时logid为#。
在完成XML文档模板之后,就可以用ASP来动态生成搜索结果需要的XML文档了。搜索的关键字采用POST方式来传递。
搜索结果输出ajaxsearch.asp
CODE:
(本文来源于图老师网站,更多请访问http://www.tulaoshi.com/webkaifa/)有了后台搜索结果输出的部分,就可以开始写前台搜索的部分了。
首先需要的是给用户输入搜索关键字及显示搜索结果的地方,我用div来分别显示这两个部分:
ajaxsearch.htm
来源:http://www.tulaoshi.com/n/20160219/1617599.html
看过《如何用AJAX实现网页无刷新功能》的人还看了以下文章 更多>>