ASP.NET页面使用AjaxPro2完成JS调用后台方法

内容导读

互联网集市收集整理的这篇技术教程文章主要介绍了ASP.NET页面使用AjaxPro2完成JS调用后台方法，小编现在分享给大家，供广大互联网技能从业者学习和参考。文章包含2158字，纯文字阅读大概需要4分钟。

内容图文

 一、首先下载AjaxPro.2.dll（附下载地址）

百度网盘链接：https://pan.baidu.com/s/1r87DE1Tza9F4NbJwTCS1AQ
提取码：10p6 

二、在Visual studio中创建空Web项目，并引用AjaxPro.2.dll

三、打开Web.config文件，加入以下节点：

</configuration>

<system.web>

<httpHandlers>

      <add verb="*" path="ajaxpro/*.ashx" type="AjaxPro.AjaxHandlerFactory,AjaxPro.2" validate="false"/>

</httpHandlers>

</system.web>

<system.webServer>

  <handlers>

    <add name="AjaxPro_AjaxHandlerFactory" preCondition="integratedMode" verb="*"

   path="ajaxpro/*.ashx" type="AjaxPro.AjaxHandlerFactory,AjaxPro.2" />

  </handlers>

 </system.webServer>

</configuration>

四、使用步骤

　　1.新建一个名为Test的web页面，在顶部using AjaxPro;

 　　 2.在Page_Load中输入以下代码(写在Page.IsPostBack外面)：

　　　　Utility.RegisterTypeForAjax(typeof(Test));

　　 3.在类名上增加[AjaxNamespace("TestAjax")]，此处"TestAjax"用于在js中调用时使用，可自己定义名称

五、在项目中的使用实例

后台代码

 1 [AjaxNamespace("VehicleAjax")]
 2 public partial class WebUserControl_wUCtlVehicle : System.Web.UI.UserControl
 3 {
 4     protected void Page_Load(object sender, EventArgs e)
 5     {
 6         Utility.RegisterTypeForAjax(typeof(WebUserControl_wUCtlVehicle));
 7         if (!Page.IsPostBack)
 8         {
 9          }
10     }  
11 
12  [AjaxMethod]
13     public string GetVehicleID(string strVehicle)
14     {
15         if (strVehicle=="1")
16             return "1";
17         else
18             return "0";
19 }
20 }

 前端代码

 1 <%@ Control Language="C#" AutoEventWireup="true" CodeFile="wUCtlVehicle.ascx.cs" 
 2     Inherits="WebUserControl_wUCtlVehicle" %>
 3 <script type="text/javascript">
 4     function chkAddVehicleInfo() {
 5 　　　　　　var res = VehicleAjax.GetVehicleID(txtVehicleID.value.replace(/\s+/g, ''));
 6         if (res.value == "1") { alert("此编号已存在"); return false; }
 7     }
 8 </script>
 9 <table>
10     <tr>
11         <td>输入编号：</td>
12         <td>
13         <asp:TextBox ID="txtVehicleID" runat="server"></asp:TextBox>
14         </td>
15         <td>
16             <asp:Button ID="btnSave" runat="server" Text="保存"  OnClientClick="chkAddVehicleInfo();"/>
17         </td>
18     </tr>
19 </table>        

内容总结

以上是互联网集市为您收集整理的ASP.NET页面使用AjaxPro2完成JS调用后台方法全部内容，希望文章能够帮你解决ASP.NET页面使用AjaxPro2完成JS调用后台方法所遇到的程序开发问题。 如果觉得互联网集市技术教程内容还不错，欢迎将互联网集市网站推荐给程序员好友。

内容备注

版权声明：本文内容由互联网用户自发贡献，该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 gblab@vip.qq.com 举报，一经查实，本站将立刻删除。

内容手机端