.net Ajax与后台一般处理程序(ashx) 交互

Posted 万石谷,粒粒积累;千丈布,根根织成

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了.net Ajax与后台一般处理程序(ashx) 交互相关的知识,希望对你有一定的参考价值。

    本文主要实现无动态刷新查询后台数据功能,主要用到ajax+ashx+sqlserver进行交互.

首先需要引用Jquery:

 <script language="javascript" type="text/javascript" src="../js/jquery.js">

html脚本:

<asp:TextBox ID="tb_corpName" runat="server" MaxLength="100" Width="369px"></asp:TextBox>

前台通过一个事件来调用ashx:

<script type="text/javascript">
    $(function () {
        $("#tb_corpName").blur(function () {           //鼠标失去焦点事件
            var corpName = $("#tb_corpName").val();     
            $.ajax({        
                type: "post",                           //提交方式     
                url: "/ashx/FZGpyShowData.ashx",        //一般处理程序的路径
                data: { corpName: corpName },           //向后台传入的值
                dataType: "json",                       //返回值格式
                success: function (data) {              //返回成功后将要做的事,这里是返回一个表
                    $("#tb_CreditCode").val(data[0].CreditCode);    
                    $("#tb_corpCode").val(data[0].CorpCode);
                    $("#tb_linkTel").val(data[0].LinkPhone);

                    $("#corpProvince option[text=‘" + data[0].StateName + "‘]").attr("selected", true);
                    showCity();
                    $("#corpCity option[text=‘" + data[0].AdminAreaName + "‘]").attr("selected", true); 

                    $("#tb_address").val(data[0].Address);
                    $("#tb_linkMan").val(data[0].LinkMan);
                    $("#tb_Mobile").val(data[0].LinkMobile);
                }
            });
        })
    })
</script>

后台来接收前台传过来的值,对其进行操作:

     public void ProcessRequest(HttpContext context)
        {
            context.Response.ContentType = "text/plain";
            string corpName = context.Request["corpName"].Trim().ToString();      //接收前台传过来的参数
            if (corpName != "")
            {
                string sql = @"select top 1 CorpName,CreditCode,CorpCode,LinkPhone,StateName,AdminAreaName,LinkMan,LinkMobile,Address from tbProductOrder as a 
                                        inner join tbStateDic as b on a.StateNum = b.StateNum
                                        inner join tbAdminAreaClass on a.CityNum = AdminAreaClassID
                                        where CorpName [email protected] order by CorpName";
                SqlParameter[] par = new SqlParameter[1];
                par[0] = new SqlParameter("@CorpName", corpName);
                DataSet ds = DBHerpler.Load(sql, par); 
                string json = SerializerHelper.ToJsonString(ds.Tables[0]);    //返回json类型的数据
                context.Response.Write(json);                      
                context.Response.End(); 
            } 
        }

如果向后台传入多个参数在data里面用逗号分割可写多个参数:

    data: { corpName: corpName , corpName2: corpName2} 

以上是关于.net Ajax与后台一般处理程序(ashx) 交互的主要内容,如果未能解决你的问题,请参考以下文章

Ajax 调用(传值)一般处理程序(.ashx)

asp.net 一般处理程序(ashx)如何多次接收上传文件(多文件批量上传)

一般处理程序(ashx)的使用

AJAX提交到Handler.ashx一般处理程序返回json数据-转

ashx一般处理程序---ajax异步加载---省市级联

Echarts 使用asp.net +ashx+ajax 实现 饼图柱形图后台交互