ajax:简单搜索实践篇

最新推荐文章于 2025-08-06 13:42:32 发布

weixin_34198797

最新推荐文章于 2025-08-06 13:42:32 发布

阅读量72

点赞数

CC 4.0 BY-SA版权

原文链接：https://yq.aliyun.com/articles/383790

本文介绍了一个基于ASP.NET的简单实时搜索应用实现方案。该应用由Default.aspx页面用于输入搜索数据，AjaxOperations.aspx页面处理搜索请求，核心的AJAX操作则由testJs.js文件完成。尽管实时搜索可能带来一些用户体验上的挑战，但掌握其开发流程对于前端开发者而言仍具价值。

两个.aspx文件，一个叫Default.aspx,一个叫AjaxOperations.aspx,第一个用来输入搜索数据，后一个用来对搜索关键字进行处理。js文件夹下面还有一个testJs.js的文件，它就是ajax操作的核心部分。不错，code is cheap。看代码：

Code

Default.aspx：

Code

Default.aspx.cs：

Code

AjaxOperations.aspx：

Code

AjaxOperations.aspx.cs：

Code

上面的代码我都已经测试通过，复制粘贴运行试试看吧。

刚看到一篇博文里说，“实时搜索带来的痛苦要远大于他带来的帮助。这就是为什么Google Suggest还处于beta测试而并没有放在主页上的原因。在Start.com Live.com上搜索的时候你是不能使用返回按钮来查看上一次搜索或返回上一页的。或许还没有人来完成这项工作，但是完成这个工作应该是很困难的至少是不太明知的或者会因此带来更多的麻烦。（译注：现在已经有很多开源的框架可以实现历史记录功能）”。其实ajax实时搜索还是很有吸引力的，现在的很多网站都有这个功能。学习一下还是很有意义的。

本文转自JeffWong博客园博客，原文链接：http://www.cnblogs.com/jeffwongishandsome/archive/2009/01/10/1322486.html，如需转载请自行联系原作者