asp.net(c#) MS AJAX的安装

下面是asp.net(c#)MSAJAX的安装攻略：

1. 安装前的准备

在安装MSAJAX之前，需要确保你已安装Visual Studio和.NET Framework。检查你的系统是否已经安装.NET Framework 2.0和4.0以上的版本，否则需要先安装它们。

2. 下载MSAJAX

可以从Microsoft的官网下载MSAJAX，地址为：https://www.microsoft.com/en-us/download/details.aspx?id=883

下载完成后，解压文件，找到msajax_bundle.cab文件，可以在解压出的文件夹里找到这个文件。

3. 安装MSAJAX

3.1 手动安装

1. 将msajax_bundle.cab文件复制到你的项目文件夹中，并解压。

2. 打开Visual Studio，右键单击你的项目，选择“添加现有项”。

3. 找到解压出来的文件夹，选中MicrosoftAjax.js和MicrosoftAjax.debug.js这两个文件，并将它们添加到项目中。

4. 接下来需要在Web.config文件中添加MSAJAX的引用，将以下内容添加到元素的底部：

   xml
<system.web.extensions>
<scripting>
<webServices>
<jsonSerialization maxJsonLength="200" />
</webServices>
<scriptResourceHandler enableCompression="true" enableCaching="true" />
</scripting>
</system.web.extensions>

5. 完成上述步骤后，重启Visual Studio并重新编译你的应用程序即可。

3.2 NuGet安装

NuGet是Visual Studio的一个包管理器，可以为你的项目自动添加引用。在Visual Studio的“管理NuGet程序包”窗口中搜索MSAJAX，然后点击“安装”按钮即可自动完成安装过程。

示例

下面是两个使用MSAJAX的示例：

示例1：使用MSAJAX实现异步请求

1. 在页面中添加一个Button控件，给它起个名字并添加一个Click事件处理程序：

   html
<asp:Button ID="btnAsync" runat="server" Text="Click Me" OnClick="btnAsync_Click" />

2. 在Click事件处理程序中添加以下代码：

   csharp
protected void btnAsync_Click(object sender, EventArgs e)
{
string url = "https://jsonplaceholder.typicode.com/posts/1";
ScriptManager.RegisterStartupScript(this, GetType(), "mykey", $"makeAjaxRequest('{url}')", true);
}

   这段代码中，我们使用ScriptManager.RegisterStartupScript方法来执行一个JavaScript函数makeAjaxRequest，它会发送一个GET请求到指定的URL。

3. 在页面中添加一个Div控件，用于显示响应结果：

   html
<div id="output"></div>

4. 最后，在页面中添加以下JavaScript代码：

   javascript
function makeAjaxRequest(url) {
var xmlhttp = new XMLHttpRequest();
xmlhttp.onreadystatechange = function () {
if (this.readyState == 4 && this.status == 200) {
document.getElementById('output').innerHTML = this.responseText;
}
};
xmlhttp.open("GET", url, true);
xmlhttp.send();
}

   这段代码中，我们使用XMLHttpRequest对象发送一个异步请求，并将响应结果显示在id为output的Div控件中。

示例2：使用MSAJAX实现自动完成功能

1. 在页面中添加一个TextBox控件，给它起个名字并添加一个TextChanged事件处理程序：

   html
<asp:TextBox ID="txtAutoComplete" runat="server" AutoPostBack="true" OnTextChanged="txtAutoComplete_TextChanged"></asp:TextBox>

2. 在TextChanged事件处理程序中添加以下代码：

   ```csharp
   protected void txtAutoComplete_TextChanged(object sender, EventArgs e)
   {
   string prefixText = txtAutoComplete.Text;

   if (!string.IsNullOrEmpty(prefixText))
   {
       string[] items = { "Apple", "Banana", "Cherry", "Durian", "Elderberry", "Fig", "Grape" };
       List<string> result = new List<string>();
       foreach (var item in items)
       {
           if (item.ToLower().Contains(prefixText.ToLower()))
           {
               result.Add(item);
           }
       }
       txtAutoComplete.AutoCompleteExtender.ContextKey = prefixText;
       txtAutoComplete.AutoCompleteExtender.PerformCallback(prefixText, string.Join(",", result));
   }
   

   }
   ```

   这段代码中，我们根据用户输入的前缀值，从一个字符串数组中筛选出所有包含该前缀的字符串，并使用AutoCompleteExtender对象的PerformCallback方法，将结果返回给客户端。

3. 在页面中添加以下JavaScript代码：

   javascript
var items = [];
$find('<%= txtAutoComplete.ClientID %>').add_populating(function (sender, e) {
var contextKey = sender.get_contextKey();
items = contextKey.split(",");
sender.set_completionList(items);
});
$find('<%= txtAutoComplete.ClientID %>').add_itemSelected(function (sender, e) {
alert(e.get_text());
});

   这段代码中，我们使用$find函数查找id为txtAutoComplete的控件，并添加两个事件处理程序，其中populating事件在输入框获取焦点时触发，它会将AutoCompleteExtender对象的completionList属性设置为从服务器返回的结果列表；itemSelected事件在用户选择一项结果时触发，它会将选中的值弹出一个alert对话框显示出来。

至此，这两个示例的MSAJAX安装过程就讲解完毕了，希望可以对您有所帮助。