上一篇写了一个简单的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. NSMutableArray 存放BOOL

    注意BOOL是不能直接存放在NSMutableArray中的 NSNumber* yesObj = [NSNumber numberWithBool:YES]; NSMutableArray* arr ...

  2. esper 事件引擎，各种事件类型示例代码

    原创文章 转载请注明出处 package com.hp.iot.engine.esper; import java.util.ArrayList; import java.util.HashMap; ...

  3. OpenCV Open Camera 打开摄像头

    这是一个用OpenCV2.4.10打开摄像头的一个例子,参见代码如下: #include <iostream> #include <stdio.h> #include < ...

  4. git客户端初始化

    安装git客户端:[root@super67 ~]# yum install -y git 配置git信息:[root@super67 ~]# git config --global user.nam ...

  5. dos界面下执行java文件将错误输出到一个文本小技巧

    如果dos下执行java出现错误,把错误记录到一个文档 正确时如图,输出结果为hello,我把String的s改为小写,出现错误,用2>命令输出到error.txt在当前目录就出现了error. ...

  6. Asp反向代理程序，调用远程站点全站数据，一款脚本级反向代理程序.

    前些天临时写的一脚本级反向代理程序,用法很简单,设置好目标站地址,然后放到你网站根目录:index.asp,再将404页面自定义为:index.asp,即可. 由于暂时没有 url 替换需要,所以没有 ...

  7. 转simhash与重复信息识别

    simhash与重复信息识别 在工作学习中,我往往感叹数学奇迹般的解决一些貌似不可能完成的任务,并且十分希望将这种喜悦分享给大家,就好比说:“老婆,出来看上帝”…… 随着信息爆炸时代的来临,互联网上充 ...

  8. Css - 渲染按钮

    基本的css3按钮渲染 <style type="text/css"> background: #f7f7f7; /* for Webkit */ background ...

  9. [排错] PATH_MISSING

    症状: 更换了磁带机部件,导致Robots选项卡中的TLD(2) Robotic Path显示为PATH_MISSING. 解决方法: 概括起来就是: 删除TLD(2),重新创建Robot记录,然后重 ...

  10. 利用poi开源jar包操作Excel时删除行内容与直接删除行的区别

    一般情况下,删除行时会面临两种情况:删除行内容但保留行位置.整行删除(删除后下方单元格上移).对应的删除方法分别是: void removeRow(Row row)//Remove a row fro ...