本次使用 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. 关于ASP.NET的“Forms身份验证”

    目录结构如图如示: 如果用户没有通过身份验证则跳转到登录页面让用户登录,在配置文件的<system.web></system.web>结点下添加如下代码: <!--身份验 ...

  2. 一个奇葩常见的问题 nginx 403 forbidden错误

    今天安装dedecms,配置Nginx,然后生成一键生成静态页面,然后就没有然后了,所有栏目页面都显示nginx 403 forbidden. 一般来说nginx 的 403 Forbidden er ...

  3. 泛函编程(3)-认识Scala和泛函编程

    接着昨天的文章,再示范一个稍微复杂一点的尾递归tail recursion例子:计算第n个Fibonacci数.Fibonacci数第一.第二个数值分别是0,1,按顺序后面的数值是前面两个数的加合.例 ...

  4. 图解“管道过滤器模式”应用实例:SOD框架的命令执行管道

    管道和过滤器 管道和过滤器是八种体系结构模式之一,这八种体系结构模式是:层.管道和过滤器.黑板.代理者.模型-视图-控制器(MVC) 表示-抽象-控制(PAC).微核.映像. 管道和过滤器适用于需要渐 ...

  5. 一种基于annotation的Spring-mvc权限控制方法

    简介 本文介绍一种采用annotation来对spring-mvc进行权限控制的方法. 通过枚举类来定义权限项. 将annotation标注到需要控制权限的spring-mvc方法上. 然后,在spr ...

  6. 【HTML5】浅析html使用SSE(Server-Sent Events)连接JSP

    目录结构: // contents structure [-] 关于SSE的一些话 什么是SSE SSE的浏览器支持情况 SSE的工作机制 使用SSE连接JSP文件 HTMl页面 服务器端 错误 错误 ...

  7. JavaScript基础19——innerHTML示例

    <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title> ...

  8. 最近喜欢听的英文歌——Because Of You - Kelly Clarkson

    没了解过歌曲背景,总觉得像是一首女儿唱给母亲的歌= =也许是我的错觉 I will not make the same mistakes that you did 我不会重复你犯过的错误 I will ...

  9. javascript 奇淫巧技44招

    1.首次为变量赋值时务必使用var关键字 变量没有声明而直接赋值得话,默认会作为一个新的全局变量,要尽量避免使用全局变量. 2.使用===取代== ==和!=操作符会在需要的情况下自动转换数据类型.但 ...

  10. SAP (ABAP) 常用的数学函数

    Function func Return value abs Absolute value of the argument arg (绝对值) sign Plus/minus sign of the ...