上一篇写了一个简单的Ajax异步程序，这一次同样是简单的程序，只不过这次先把参数传到一般处理程序(后缀为ashx)中，再把结果传回到页面。

1.html代码：

<html xmlns="http://www.w3.org/1999/xhtml">

<head runat="server">

<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>

    <title>Ajax实例2</title>

    <script src="Scripts/jquery-1.7.1.min.js"></script>

    <script type="text/javascript">

        $(function () {

            $("#btn2").click(function () {

                var params = {};//参数数组

                params.action = "GetAjaxValue";

                params.param1 = $("#txtParam1").val();

                params.param2 = $("#txtParam2").val();

                $.ajax({

                    url: "AjaxHandler.ashx",//指向一搬处理程序

                    data: params,

                    type: "POST",

                    async: true,

                    //contentType: "application/json; charset=utf-8",

                    dataType: "json",

                    beforeSend: function () {

                       //发送请求前执行

                    },

                    success: function (msg) {

                        if (msg.OperateResult == "success") {

                            if (msg.ResponseData.length > ) {

                                $("#result").html(msg.ResponseData);

                            }

                        }

                    },

                    error: function (e) {

                        alert("请求出错处理");

                    },

                    complete: function () {

                    }

                });

            });

        });

    </script>

</head>

<body>

    <form id="form1" runat="server">

        参数1：<input type="text" id="txtParam1" value="" /><br />

        参数2：<input type="text" id="txtParam2" value="" /><br />

        <input type="button" id="btn2" value="提交"/><br />

        <div id="result"></div>

    </form>

</body>

</html>

2.新建一般处理程序AjaxHandler.ashx，代码如下：

using System;

using System.Collections.Generic;

using System.Linq;

using System.Web;

using System.Web.Script.Serialization;//必须

namespace AjaxDemo

{

    /// <summary>

    /// AjaxHandler 的摘要说明

    /// </summary>

    public class AjaxHandler : IHttpHandler

    {

        private JavaScriptSerializer json = new JavaScriptSerializer();

        private string operateSuccess = "success";

        private string operateFailed = "false";

        public void ProcessRequest(HttpContext context)

        {

            string jsonObject = string.Empty;

            string action = context.Request["action"];

            //context.Response.ContentType = "text/plain";//服务端需要返回一段普通文本给客户端

            context.Response.ContentType = "application/json;charset=utf-8";//服务端需要返回一段json串给客户端 

            if (action == "GetAjaxValue")

            {

                try

                {

                    string param1 = context.Request["param1"];

                    string param2 = context.Request["param2"];

                    string result = "第一个参数：" + param1 + "第一个参数：" + param2;

                    jsonObject = json.Serialize(new { OperateResult = operateSuccess, ResponseData = result });

                }

                catch (Exception e)

                {

                    jsonObject = json.Serialize(new { OperateResult = operateFailed, ResponseData = e.Message });

                }

            }

            context.Response.Write(jsonObject);

        }

        public bool IsReusable

        {

            get

            {

                return false;

            }

        }

    }

}

3.界面以及运行结果：

5.注意：

在第1步代码中，我注释了contentType: "application/json; charset=utf-8" 这句话，因为加了这句，程序会无法把参数params 传到一般处理程序中。

C#中jQuery Ajax实例（二）的更多相关文章

  1. C#中jQuery Ajax实例（一）

    目标:在aspx页面输入两参数,传到后台.cs代码,在无刷新显示到前台 下面是我的Ajax异步传值的第一个实例 1.前台html代码: <html xmlns="http://www. ...

  2. jquery ajax实例教程和一些高级用法

    jquery ajax的调用方式:jquery.ajax(url,[settings]),jquery ajax常用参数:红色标记参数几乎每个ajax请求都会用到这几个参数,本文将介绍更多jquery ...

  3. jQuery Ajax 实例 ($.ajax、$.post、$.get)

    jQuery Ajax 实例 ($.ajax.$.post.$.get) 转 Jquery在异步提交方面封装的很好,直接用AJAX非常麻烦,Jquery大大简化了我们的操作,不用考虑浏览器的诧异了. ...

  4. JavaScript强化教程——jQuery AJAX 实例

    什么是 AJAX?AJAX = 异步 JavaScript 和 XML(Asynchronous JavaScript and XML).简短地说,在不重载整个网页的情况下,AJAX 通过后台加载数据 ...

  5. jQuery Ajax 实例 ($.ajax、$.post、$.get)【转载】

    本文转载自:http://jun1986.iteye.com/blog/1399242 Jquery在异步提交方面封装的很好,直接用AJAX非常麻烦,Jquery大大简化了我们的操作,不用考虑浏览器的 ...

  6. jQuery Ajax 实例 ($.ajax、$.post、$.get)转

    Jquery在异步提交方面封装的很好,直接用AJAX非常麻烦,Jquery大大简化了我们的操作,不用考虑浏览器的诧异了. 推荐一篇不错的jQuery Ajax 实例文章,忘记了可以去看看,地址为:ht ...

  7. jQuery AJAX实例

    <html><head><title>jQuery Ajax 实例演示</title></head><script language= ...

  8. Ajax实例二：取得新内容

    Ajax实例二:取得新内容 通过点击pre和next按钮,从服务器取得最新内容. HTML代码 <div id="slide">图片显示区</div> &l ...

  9. jQuery Ajax实例各种使用方法详解

    在jquery中ajax实现方法分类很多种,如有:load.jQuery.get.jQuery.post.jQuery.getScript.jQuery Ajax 事件.jQuery.ajaxSetu ...

随机推荐

  1. 【POJ】1228 Grandpa's Estate（凸包）

    http://poj.org/problem?id=1228 随便看看就能发现,凸包上的每条边必须满足,有相邻的边和它斜率相同(即共线或凸包上每个点必须一定在三点共线上) 然后愉快敲完凸包+斜率判定, ...

  2. redis API使用说明

    List相关: LPOP key : 删除并取得LIST头部一个元素 RPOP key : 删除并取得LIST尾部一个元素 BLPOP key [key ...] timeout : 删除并取得LIS ...

  3. Java递归搜索指定文件夹下的匹配文件

    import java.io.File; import java.util.ArrayList; import java.util.List; import java.util.Queue; /** ...

  4. Inheritance, Association, Aggregation, and Composition 类的继承，关联，聚合和组合的区别

    在C++中,类与类之间的关系大概有四种,分别为继承,关联,聚合,和组合.其中继承我们大家应该都比较熟悉,因为是C++的三大特性继承Inheritance,封装Encapsulation,和多态Poly ...

  5. ReLU

    预训练的用处:规则化,防止过拟合:压缩数据,去除冗余:强化特征,减小误差:加快收敛速度. 标准的sigmoid输出不具备稀疏性,需要用一些惩罚因子来训练出一大堆接近0的冗余数据来,从而产生稀疏数据,例 ...

  6. POJ 3254 Corn Fields（状压DP）

    Corn Fields Time Limit: 2000MS   Memory Limit: 65536K Total Submissions: 13732   Accepted: 7216 Desc ...

  7. Apache POI使用详解

    Apache POI使用详解 1.POI结构与常用类 (1)POI介绍 Apache POI是Apache软件基金会的开源项目,POI提供API给Java程序对Microsoft Office格式档案 ...

  8. win7锁定到任务栏的路径在哪里

    You can find pinned apps in: %AppData%\Microsoft\Internet Explorer\Quick Launch\User Pinned\TaskBar ...

  9. eclipse常用窗口和功能总结

    1.左上角File按钮功能:最重要的导入import第三方项目,maven,git,general等. File->import File->properties按钮,显示项目的存储位置, ...

  10. PHP函数补完 - var_export

    var_export() 函数返回关于传递给该函数的变量的结构信息,它和 var_dump() 类似,不同的是其返回的表示是合法的 PHP 代码.var_export必须返回合法的php代码, 也就是 ...