上一篇写了一个简单的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. 【BZOJ】1834: [ZJOI2010]network 网络扩容（最大流+费用流）

    http://www.lydsy.com/JudgeOnline/problem.php?id=1834 我又思考人生了T_T,nd的数组开小了,一直wa,调了一个小时才发现啊!!!!!我一直以为我的 ...

  2. sql server 取随机行

    --从table_name中随机取n行 select top n * from table_name order by NEWID()

  3. Unix Shell中单引号、双引号字符、反斜杠、反引号的使用[转]

    在执行shell脚本的时候,shell将会对脚本中的行进行解释,然后执行:对于一些特殊处理的句子,我们可以使用引号或者反斜线来避免shell解释执行之.如下,当在命令行中输入:echo *child. ...

  4. iOS -- MVC的理解

    今天在写项目的时候困惑了一下 我在写一个应用的主界面,其实是很简单的,上面有几个控件,我在想把空间写到viewController里会不会有点冗杂 后来查了一下,发现貌似也不需要分开写,毕竟界面好简单 ...

  5. mysql主从配置脚本

    PASSWD=123456USER=rootREP_HOST=10.10.10.70REP_PORT=3306REP_USER=slaveREP_PASSWD=123456@REP_FILE=mysq ...

  6. 二、saltstack基础配置

    super65   master   192.168.1.65 super66   minion    192.168.1.66 主配置文件: [root@super65 ~]# ll /etc/sa ...

  7. [转] - SendMessage、PostMessage原理

    SendMessage.PostMessage原理 本文讲解SendMessage.PostMessage两个函数的实现原理,分为三个步骤进行讲解,分别适合初级.中级.高级程序员进行理解,三个步骤分别 ...

  8. safedog的小技巧

    限制3389连接:下载SafedogServer\SafeDogGuardCenter\ProGuardData.ini回本地,然后本地搭建安全狗,覆盖,查看计算机名,修改自己计算机名再连接. 卸载安 ...

  9. SQL Server 错误：15023（创建对于用户失败）

    问题: 错误15023:当前数据库中已存在用户或角色 在把远程服务器上的数据库备份还原到本地机后, 给一个"登录"关联一个"用户"时(用户映射),发生错误:“错 ...

  10. Powershell变量的类型

    Powershell 默认支持的.NET类型如下:   [order], [pscustomobject], [array], [bool], [byte], [char], [datetime], ...