ASP.NET AJAX示例:论坛主题搜索
创始人
2024-04-26 17:21:13
0次

ASP.NET AJAX示例:论坛主题搜索

我们要看的***一个示例是对现有应用程序的修改。我***听到这个想法是 Josh Ledgard设想在 MSDN 论坛里添加一个功能。目的是尝试帮助用户自己找到问题的答案,以及限制重复发布的数量。一般来说,用户在论坛中提出新问题时,他或她会输入主题和问题。他们通常都不会先进行搜索,来查看是否已经提出和回答过该问题。输入 AJAX。用户输入主题(并将 Tab 键移出该字段)后,我们基于该主题异步搜索论坛,并适时地向用户显示结果。有时这些结果会有帮助,有时候则不会。

为使结果有帮助,我们将修改 asp.NETPRO Reader's Choice Award for Best Forum Application, CommunityServer。可下载的示例中不包含这一部分(或论坛)的代码,但是您能在 http://communityserver.org/(英文)学到关于 CommunityServer 的更多知识,并且可在其中应用下面这些代码片断。

安装 CommunityServer 并配置 Ajax.NET(已将引用和处理程序添加到 web.config)后,我们只需要进行一些更改就可以获得所需的功能。首先,我们转到 CommunityServerForums 项目中的 CreateEditPost.cs 文件。将它视为此页的后面的代码,其中用户可以添加新的发布。下面我们将添加启用了 AJAX 的函数。

  1. //C#:ASP.NET AJAX示例  
  2. [Ajax.AjaxMethod()]  
  3. public static ArrayList Search(string search)  
  4. {  
  5. SearchQuery query = new SearchQuery();  
  6. query.PageIndex = 0; //获得前 10 个结果  
  7. query.PageSize = 10;  
  8. query.UserID = Users.GetUser().UserID;  
  9. query.SearchTerms = search;  
  10. return new ForumSearch().GetSearchResults(query).Posts;  
  11. }  

我们能够利用已经在 CommunityServer 中创建的搜索功能,只需要我们的函数能应用它。如往常一样,类型必须使用 Ajax.NET 注册。我们将在同一文件的 InitializeSkin 函数(将其视为 Page_Load)中进行此操作。

  1. //C#:ASP.NET AJAX示例  
  2. Ajax.Utility.RegisterTypeForAjax(typeof(CreateEditPost));  

在转跳到 JavaScript 之前,我们需要进行***的服务器端更改。返回到 Ajax.NET 的自定义类(例如我们正在返回的 ArrayList 所包含的 ForumPost)必须标有 Serializable 属性。我们要做的是转到 CommunityServerForums 项目中的 Components/ForumPost.cs 文件,并添加此属性。

  1. //C#:ASP.NET AJAX示例  
  2. [Serializable]  
  3. public class ForumPost :Post  
  4. {  
  5.  ...  
  6. }  

显示时,我们仅需要修改 CommunityServerWeb 项目中的 Themes/default/Skins/View-EditCreatePost.cs。首先,我们将触发主题文本框的 onBlur 事件。

  1. < asp:textbox onBlur="Search(this.value);" 
  2. id="PostSubject" runat="server" ... /> 

接着,我们编写 JavaScript Search 方法,以便调用服务器端 Search。

  1. var oldValue = '';  
  2. function Search(value)  
  3. {   
  4. //不要再次搜索刚搜索过的内容  
  5. //如果用户向后或向前移动 Tab 键将会发生  
  6. if (value != oldValue)  
  7.   {  
  8. CreateEditPost.Search(value, Search_CallBack);  
  9. oldValue = value;  
  10.   }  
  11. }  

***,剩下的就是处理响应。由于上一个示例介绍了在表中显示结果的稍微正规的方式,我们将仅仅创建一些动态的 HTML,并将它粘贴到虚拟的 DIV 中。

  1. function Search_CallBack(response)  
  2. {  
  3. //由于没有结果时搜索功能将自动重定向,  
  4. //因此,我们不能使用 response.error。  
  5. var results = response.value;  
  6. //如果我们没有获得结果  
  7. if (results == null)  
  8.  {  
  9. return;  
  10.  }  
  11. //我们用于放置结果的 DIV  
  12. var someDiv = document.getElementById("someDiv");  
  13. var html = "";  
  14. for (var i = 0; i <  results.length; ++i)  
  15.  {  
  16. var result = results[i];  
  17. html += "< a target=_blank href='" + result.PostID  
  18. html += "/ShowPost.aspx'>";     
  19. html += result.Subject;  
  20. html += "< /a>< br />" 
  21.  }  
  22. someDiv.innerHTML = html;  
  23. }  

通过对 CommunityServer 应用程序的三个文件(加上用于配置的 web.config)稍微进行修改,我们可以添加一些非常有用的功能。但是,只向现有的应用程序添加启用 AJAX 功能时要小心操作。正在进行实际搜索的预先存在的 ForumSearch 类可能并不是为我们介绍的使用类型设计的。我们的代码很可能会导致执行一些额外的搜索,影响可能会很显著。

以上就是ASP.NET AJAX示例:论坛主题搜索的实现方法。

【编辑推荐】

  1. ASP.NET AJAX示例:文档锁定程序
  2. ASP.NET AJAX示例:下拉列表
  3. AJAX.NET安装配置全指南
  4. Ajax.Net快速入门
  5. ASP.NET AJAX软件下载

相关内容

热门资讯

PHP新手之PHP入门 PHP是一种易于学习和使用的服务器端脚本语言。只需要很少的编程知识你就能使用PHP建立一个真正交互的...
网络中立的未来 网络中立性是什... 《牛津词典》中对“网络中立”的解释是“电信运营商应秉持的一种原则,即不考虑来源地提供所有内容和应用的...
各种千兆交换机的数据接口类型详... 千兆交换机有很多值得学习的地方,这里我们主要介绍各种千兆交换机的数据接口类型,作为局域网的主要连接设...
粉嫩如何诠释霸道 东芝M805... “霸道粉”是个什么玩意东芝M805拿过来的时候,笔者扑哧笑了,不是笑这款笔记本,而是笑这款产品的颜色...
什么是大数据安全 什么是大数据... 在《为什么需要大数据安全分析》一文中,我们已经阐述了一个重要观点,即:安全要素信息呈现出大数据的特征...
如何利用交换机和端口设置来管理... 在网络管理中,总是有些人让管理员头疼。下面我们就将介绍一下一个网管员利用交换机以及端口设置等来进行D...
全面诠释网络负载均衡 负载均衡的出现大大缓解了服务器的压力,更是有效的利用了资源,提高了效率。那么我们现在来说一下网络负载...
如何允许远程连接到MySQL数... [[277004]]【51CTO.com快译】默认情况下,MySQL服务器仅侦听来自localhos...
30分钟搞定iOS自定义相机 最近公司的项目中用到了相机,由于不用系统的相机,UI给的相机切图,必须自定义才可以。就花时间简单研究...
Windows恶意软件20年“... 在Windows的早期年代,病毒游走于系统之间,偶尔删除文件(但被删除的文件几乎都是可恢复的),并弹...