使用 ASP.NET & AJAX 创建 Google Suggest

• 下载 AjaxSuggest - 3.23 KB

引言

这是一个使用 ASP.NET 的简单 AJAX 的例子。它包括像 Google Suggest 这样的 AJAX 搜索。

背景

根据新技术，最终用户希望在浏览网站时获得实时体验。虽然微软提供了一些带有 ASP.NET 的 AJAX 控件，但在服务器上安装 AJAX 控件工具包和 DLL 是必要的。 那么为什么要进行此类安装呢？ 这是一个使用简单 JAVASCRIPT 和 XMLHTTPREQUEST 实现此功能的 AJAX 示例。我已将其用于 ASP.NET 2.0。 因此，我们可以将其用于多种用途，例如数据验证（用户名检查）、密码强度检查、星级评定等等... 根据您的使用情况而定。

使用代码

此示例有两个 aspx 文件和只有一个 js 文件，用于 ajax 实现。您只需要做一件事，您的示例就可以使用了。只需在 process.aspx 页面中更改连接字符串即可。我在下面给出了一些代码片段

            //AJAX.JS
            // Code snippet for AJAX requsets
            //
var me = this;

this.mRequest = null;

this.mhTarget = hTarget;

sURL=sURL+"?search="+txtVal+"&Id="+txtId+"&X="+event.screenX; 

if( window.XMLHttpRequest ) //FF,NS,OP,IE7

{

this.mRequest = new XMLHttpRequest();

}

else

if( window.ActiveXObject ) //IE5 & 6

{

this.mRequest = new ActiveXObject("Microsoft.XMLHTTP");

} 

if( this.mRequest )

{

this.mRequest.open( 'GET', sURL , true );

this.mRequest.onreadystatechange = function(){ fAJAXStateChange(me); };

this.mRequest.send( null );

}
//Function that takes result from process page and write the result in target DIV

function fAJAXStateChange( hAJAXRequest )

{

if( hAJAXRequest && hAJAXRequest.mRequest && hAJAXRequest.mRequest.readyState == 4 )

{

var s = hAJAXRequest.mRequest.responseText; 

hAJAXRequest.mhTarget.innerHTML = s; 

}

}


        

关注点

我很乐意收到任何关于使用此代码的修改或新想法。

历史

它与 ASP.NET 1.1 & ASP.NET 2.0/C# 兼容