ASP.NET AJAX示例：论坛主题搜索-51CTO.COM

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 的函数。

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

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

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

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

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

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

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

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

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

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

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

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

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

【编辑推荐】