本次使用 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. 【iOS】desctiption和debugDescription

    一.简介 与.NET一样,在.NET上得Object对象有个ToString()方法可以用于输出对象的信息,在iOS上的NSObject也有一个方法,为description,该方法返回objc对象的 ...

  2. 线程池ThreadPool的初探

    一.线程池的适用范围 在日常使用多线程开发的时候,一般都构造一个Thread示例,然后调用Start使之执行.如果一个线程它大部分时间花费在等待某个事件响应的发生然后才予以响应:或者如果在一定期间内重 ...

  3. Raising Error Conditions with MySQL SIGNAL / RESIGNAL Statements

    http://www.mysqltutorial.org/mysql-signal-resignal/ Summary: in this tutorial, you will learn how to ...

  4. mysql-databaseython 3.4.0 with MySQL database

    Phttp://shttp://stackoverflow.com/questions/23376103/python-3-4-0-with-mysql-databasetackoverflow.co ...

  5. android 密码输入通过复选框实现明文密文显示

    editText1.setTransformationMethod(HideReturnsTransformationMethod.getInstance());//将文本框的内容以明文显示 edit ...

  6. [Android] WebView内的本地网页，使用XMLHttpRequest读取本地档案

    [Android] WebView内的本地网页,使用XMLHttpRequest读取本地档案 问题情景 在Android里,可以使用WebView来呈现本地或是远程的网页内容.但是在显示本地网页时,如 ...

  7. 总结的一些微信API接口

    本文给大家介绍的是个人总结的一些微信API接口,包括微信支付.微信红包.微信卡券.微信小店等,十分的全面,有需要的小伙伴可以参考下. 1. [代码]index.php <?php include ...

  8. 【再探backbone 01】模型-Model

    前言 点保存时候不注意发出来了,有需要的朋友将就看吧,还在更新...... 几个月前学习了一下backbone,这段时间也用了下,感觉之前对backbone的学习很是基础,前几天有个园友问我如何将路由 ...

  9. 简单的gulpfile.js参数配置

    这里gulp安装和模块安装我就不提了,先简单写一些配置函数 for example /** * Created by yumeiqiang on 16/7/26. */var gulp = requi ...

  10. Flex Viewer(三)——Config的原理

    一.概述 在上文<深入浅出Flex Viewer(二)——体系结构>中,笔者详细介绍了到Flex Viewer框架,使得读者能够对该框架源代码的关键目录和文件结构和这些文件中所包含或涉及到 ...