低版本Web项目使用Ajax功能库方法

来源：互联网发布：记录足迹的软件编辑：程序博客网时间：2024/05/17 05:51

低版本Web项目不支持Ajax，如果要使用Ajax技术按如下方法进行操作即可:

====

前提：安装ASP.NET 2.0 AJAX Extensions和AjaxControlToolkit。

安装方法:

1.运行 ASPAJAXExtSetup.msi
2.安装 AjaxControlToolkit
1)解压缩 AjaxControlToolkit.zip 到 C:\Program Files\Microsoft ASP.NET\AjaxControlToolkit
2)打开 C:\Program Files\Microsoft ASP.NET\AjaxControlToolkit\AjaxControlToolkit.sln，选择“正常加载项目”
3)重新生成解决方案，关闭 VS.NET
4)运行 C:\Program Files\Microsoft ASP.NET\AjaxControlToolkit\TemplateVSI\bin\AjaxControlExtender.vsi
5)使用时要把 AjaxControlToolkit.dll 加到控件组中
3.运行 ASPNETFutures.msi
4.运行 ASPAJAXSamples.msi

蓝色字体可省略，目地是安装AjaxControlToolkit，只要能安装即可......

====
3、创建一个asp.net ajax control project网站项目，如果项目已经创建成了普通网站的项目，需要修改配置文件web.config,修改内容可参考创建asp.net ajax control project项目生成的web.config.
说明:如果已经为普通网站的项目，可创建一个空asp.net ajax control project，将空asp.net ajax control project的Web.config文件内的如下代码加入到普通网站的Web.config文件中，具体代码请参考如下:

</compilation> (在此节点下加入红色代码即可)
  <httpHandlers>
   <remove verb="*" path="*.asmx"/>
   <add verb="*" path="*.asmx" validate="false" type="System.Web.Script.Services.ScriptHandlerFactory, System.Web.Extensions, Version=1.0.61025.0, Culture=neutral, PublicKeyToken=31bf3856ad364e35"/>
   <add verb="*" path="*_AppService.axd" validate="false" type="System.Web.Script.Services.ScriptHandlerFactory, System.Web.Extensions, Version=1.0.61025.0, Culture=neutral, PublicKeyToken=31bf3856ad364e35"/>
   <add verb="GET,HEAD" path="ScriptResource.axd" type="System.Web.Handlers.ScriptResourceHandler, System.Web.Extensions, Version=1.0.61025.0, Culture=neutral, PublicKeyToken=31bf3856ad364e35" validate="false"/>
  </httpHandlers>

====

4、Ajax updatePanel使用说明:

使用Ajax首先应在画面中添加ScriptManager控件，并设置ScriptManager控件的EnablePartialRendering属性为True。

1) 拖拽一DropDownList1，并为其初始化数据,AutoPostBack="True",添加 OnSelectedIndexChanged="DropDownList1_SelectedIndexChanged"映射方法，在后台书写DropDownList1_SelectedIndexChanged对应DropDownList2变化方法代码。(此步已经为标准的下拉框联动程序)

2) 拖拽一UpdatePanel，在属性窗口中设置UpdatePanel的Triggers，点击(Collection)右边的按钮，设置如下属性:

ControlID | DropDownList1 (AutoPostBack="True"的下拉框)

EventName | SelectedIndexChanged (联动映射方法)

0 0