Asp.net 使用Ajax动态添加静态页面数据

最新推荐文章于 2021-08-06 05:52:38 发布

Carpe_D1em

最新推荐文章于 2021-08-06 05:52:38 发布

阅读量459

点赞数

分类专栏： C# ASP.NET

本文链接：https://blog.youkuaiyun.com/qq_35106907/article/details/89494265

版权

C# 同时被 2 个专栏收录

80 篇文章

订阅专栏

ASP.NET

5 篇文章

订阅专栏

本文探讨了ASP.NET Web Handler如何与AJAX进行数据交互，通过具体实例展示了如何使用C#处理请求并返回JSON数据，实现前端下拉菜单的动态填充。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

<script type="text/javascript">
        
        $.ajax({
            type: "post",
            url: "HandlerDeptData.ashx",
            dataType: "json",
            async: false,
            data:"method=GetDeptData",
            success: function (jsonData) {

                var json = eval(jsonData);

                for (var i = 0; i < json.length; i++) {

                    $("#cboDeptName").append("<option value=" + json[i].deptId + ">" + json[i].deptName + "</option>");
                }
            }
        });
    </script>

<%@ WebHandler Language="C#" Class="HandlerDeptData" %>

using System;
using System.Web;
using System.Collections.Generic;
using System.Linq;
using System.Web.Script.Serialization;
using Entity;

public class HandlerDeptData : IHttpHandler {

    public void ProcessRequest (HttpContext context) {
        context.Response.ContentType = "application/json";

        string method = context.Request.Params["method"].ToString();

        switch(method)
        {
            case "GetDeptData":
                GetDeptData(context);
                break;
        }
    }

    public bool IsReusable {
        get {
            return false;
        }
    }

    private void GetDeptData(HttpContext context)
    {
        List<SysDept> lstDepts = BLL.BllSysDept.GetAllList();

        if (lstDepts != null)
        {
            JavaScriptSerializer serializer = new JavaScriptSerializer();

            var jsonData = serializer.Serialize(lstDepts);

            context.Response.Write(jsonData.ToString());
        }
    }
}