本次使用 Ajax.dll,AjaxPro.dll 两个类库

1.首先添加引用:Ajax.dll,AjaxPro.dll 文件在 Libiary 目录下

2.配置 WebConfig 属性

将 下面2行  放在 httpHandlers 节点里面, 如下

 <add verb="POST,GET" path="ajax/*.ashx" type="Ajax.PageHandlerFactory, Ajax"/>
 <add verb="*" path="ajaxpro/*.ashx" type="AjaxPro.AjaxHandlerFactory, AjaxPro"/>

例如:

 <httpHandlers>
        <remove verb="*" path="*.asmx"/>
        <add verb="*" path="*.asmx" validate="false" type="System.Web.Script.Services.ScriptHandlerFactory, System.Web.Extensions, Version=3.5.0.0, Culture=neutral, PublicKeyToken=31BF3856AD364E35"/>
        <add verb="*" path="*_AppService.axd" validate="false" type="System.Web.Script.Services.ScriptHandlerFactory, System.Web.Extensions, Version=3.5.0.0, Culture=neutral, PublicKeyToken=31BF3856AD364E35"/>
        <add verb="GET,HEAD" path="ScriptResource.axd" type="System.Web.Handlers.ScriptResourceHandler, System.Web.Extensions, Version=3.5.0.0, Culture=neutral, PublicKeyToken=31BF3856AD364E35" validate="false"/>

        <-- 这两行 注册类库使用, 标记 相关文件的解析 !-->
        <add verb="POST,GET" path="ajax/*.ashx" type="Ajax.PageHandlerFactory, Ajax"/>
        <add verb="*" path="ajaxpro/*.ashx" type="AjaxPro.AjaxHandlerFactory, AjaxPro"/>

</httpHandlers>

3.为页面使用做准备, *.aspx.cs 文件 里做 注册
     AddUser 是 网页的名称, 也就是类名

 Ajax.Utility.RegisterTypeForAjax(typeof(AddUser));

此声明 一定要在 IsPostBack 前面, 因为每一次页面刷新 都需要,
  所以一般放在 Page_Load 事件的第一句话
 例如:

 public partial class AddUser : System.Web.UI.Page
    {
        protected void Page_Load(object sender, EventArgs e)
        {
            //表示当前 注册 可以调用 ajax 的类 AddUser
            Ajax.Utility.RegisterTypeForAjax(typeof(AddUser));
            if (!IsPostBack)
            {

            }

        }
    }

4. 标记 要使用Ajax 调用 的方法
  允许ajax 的 调用的 类, 必须是 public ,而且需要 做 声明标记

 [Ajax.AjaxMethod(Ajax.HttpSessionStateRequirement.Read)]

例如:

[Ajax.AjaxMethod(Ajax.HttpSessionStateRequirement.Read)]
        public int addCategory_click(string cateName, string empId)
        {
            try
            {
                //根据输入的 参数 不同, 模拟返回 一个随机数表示 自增列的Id
                int categoryId = cateName.Length+empId.Length;
                )
                {
                     //如果输入的是 用户名和密码长度 等于2, 即返回0,
                     //说明 进入到了  本方法
                    ;
                }
                //返回随机数 1到 categoryId 的长度, 结果大于0
                  categoryId = , categoryId);
                return categoryId;
            }
            catch
            {
                ;
            }

        }

5.页面上的使用

先引入 jquery,当然是为了下面操作使用  btn_add_click 方法:

<script src="Scripts/jquery-1.4.1.js" type="text/javascript"></script>
function btn_add_click() {
            var loginname = $("#txt_loginname").val();
            var pwd = $("#txt_pwd").val();

            // 这里可以传入多个参数 或者 不传参数
            // 调用方式: 当前 类名.方法名
            AddUser.addCategory_click(loginname, pwd, function (data) {

                var cateId = parseInt(data.value);  //返回 int类型
                // alert(cateId);
                if (cateId == 0) {
                    //跳转
                    alert("输入2位");
                } else {
                    alert("添加成功");
                }
            });

        }

网页Body部分

<body>
    <form id="form1" runat="server">
    <div  style=" width:500px; border:1px solid  pink; margin:0 auto;">
              <table>

              <tr><td>用户名:</td><td> <input type="text" id="txt_loginname" value="" /></td></tr>
              <tr><td>密码:</td><td><input type="password" id="txt_pwd" value="" /></td></tr>
              <tr><td colspan="2"><input type="button" value="添加" onclick="btn_add_click();" name="btn_add" id="btn_add" /></td></tr>
              </table>
    </div>
    </form>
</body>

接下来是 发放源代码:    源代码下载

aspx页面前端使用js 调用aspx.cs后台的方法,不回传的更多相关文章

  1. WebForm.aspx 页面通过 AJAX 访问WebForm.aspx.cs类中的方法，获取数据

    WebForm.aspx 页面通过 AJAX 访问WebForm.aspx.cs类中的方法,获取数据 WebForm1.aspx 页面 (原生AJAX请求,写法一) <%@ Page Langu ...

  2. WebForm.aspx 页面通过 AJAX 访问WebForm.aspx.cs类中的方法，获取数据(转)

    WebForm.aspx 页面通过 AJAX 访问WebForm.aspx.cs类中的方法,获取数据 WebForm1.aspx 页面 (原生AJAX请求,写法一) <%@ Page Langu ...

  3. asp.net ajax传递Json给aspx.cs后台 webmethod方法传递json

    1.提取一个向后台写入数据的方法 ///向后台cs页面请求数据的方法 function myPost(url,data,func) { $.ajax({ type: "post", ...

  4. JS调用asp.net后台方法：PageMethods

    先帮朋友宣传一下程序人生(http://www.manong123.com)的网站,里面都是开发感悟,开发人员创业,支持一下吧~ 原来是通过PageMethods来实现的. 举个列子: Default ...

  5. js调用父窗口中的方法

    window.open调用父窗口中的方法 回调函数: function fun9(ex){ alert(ex); } 调用语句: window.open("RoomSelecter.htm? ...

  6. js调用asp.net 后台属性值

    后台代码: public string title = "js调用后台属性值"; public void getContent() { return title; } 前台代码: ...

  7. Js调用asp.net后台代码

    方法一:         1.首先建立一个按钮,在后台将调用或处理的内容写入button_click中; 2.在前台写一个js函数,内容为document.getElementById("b ...

  8. 【Web前端】---js调用本地应用程序

    最近进入了一个项目组,向大牛们一起学习如何搞开发,可谓是边开发边学习.就在前两天,我们的项目被领导们验收了一次,顺便给我们提了点新的需求,要求我们能够使用外在设备拍照上传.君要臣死,臣不能不死.更何况 ...

  9. Xamarin Android Webview中JS调用App中的C#方法

    参考链接:https://github.com/xamarin/recipes/tree/master/Recipes/android/controls/webview/call_csharp_fro ...

随机推荐

  1. PHP循环语句基础介绍

    PHP 中的循环语句用于执行相同的代码块指定的次数. 循环 在您编写代码时,您经常需要让相同的代码块运行很多次.您可以在代码中使用循环语句来完成这个任务. 在 PHP 中,我们可以使用下列循环语句: ...

  2. Win10 IoT C#开发 2 - 创建基于XAML的UI程序 及 应用的三种部署方法

    Windows 10 IoT Core 是微软针对物联网市场的一个重要产品,与以往的Windows版本不同,是为物联网设备专门设计的,硬件也不仅仅限于x86架构,同时可以在ARM架构上运行. 上一章我 ...

  3. nested exception is org.hibernate.QueryException: could not resolve property

    SSH框架出现了下面的错误: nested exception is org.hibernate.QueryException: could not resolve property 检查了hbm.x ...

  4. Android短信Notification的几个ID

    private static final int NOTIFICATION_ID = 123; public static final int MESSAGE_FAILED_NOTIFICATION_ ...

  5. maven 跳过测试 打包 及上传命令

    [main] ERROR org.apache.maven.cli.MavenCli - Failed to execute goal org.apache.maven.plugins:maven-s ...

  6. 理解 OpenStack 高可用(HA) （6）: MySQL HA

    本系列会分析OpenStack 的高可用性(HA)概念和解决方案: (1)OpenStack 高可用方案概述 (2)Neutron L3 Agent HA - VRRP (虚拟路由冗余协议) (3)N ...

  7. Magnifier.js - 支持鼠标滚轮缩放的图片放大镜效果

    Magnifier.js 是一个 JavaScript 库,能够帮助你在图像上实现放大镜效果,支持使用鼠标滚轮放大/缩小功能.放大的图像可以显示在镜头本身或它的外部容器中.Magnifier.js 使 ...

  8. Planetary.js：帮助你构建超炫的互动球体效果

    Planetary.js 是一个 JavaScript 库,用于构建互动球体效果.它使用 D3 和 TopoJSON 解析和渲染地理数据.Planetary.js 采用了基于插件的架构,即使是默认的功 ...

  9. Cool！15个创意的 CSS3 文本效果【下篇】

    这里文章收集了15个创意的 CSS3 文本效果,所有的都是精心挑选,这些可能会增加创意的火花到你的下一个项目.其中有些是用于特定用途,而另一些则适用于多种用途.如果你想要一个精彩而又充满色彩的文字效果 ...

  10. jQuery静态方法type使用和源码分析

    jQuery.type方法是检测数据类型的工具方法,在分析其用法之前先总结下js给我们提供了那些监测数据类型的方法: 一.typeof 操作符 下面是测试代码 var data=[],a='123', ...