后台给前台传JSON字符串，前台解析并拼接显示

后台传JSON

public class CourseType : IHttpHandler
    {
        Epoint.PeiXun.Bizlogic.BLL.CourseLibrary.PX_CourseType.B_PX_CourseType b_coursetype = new Epoint.PeiXun.Bizlogic.BLL.CourseLibrary.PX_CourseType.B_PX_CourseType();

        List<CourseTypeData> list_CourseType = new List<CourseTypeData>();
        CourseTypeChartData CourseTypecd = new CourseTypeChartData();
        public void ProcessRequest(HttpContext context)
        {
            string rjson = string.Empty;

            try
            {
                int Count1;
                string where = "where 1=1";
                DataView dv = Epoint.MisBizLogic2.DB.GetData_Page_ByConnName(
                   "*",
                   100,
                   1,
                   " PX_CourseType ",//Frame_AttachInfo和NTI_CourseChapter
                   "Row_ID",
                   where,
                   "ParentRowID asc,OrderNum desc",
                   out Count1,
                   "DJG_PeiXun_ConnectionString"
                   ).DefaultView;
                CourseTypecd.PicNum = Convert.ToString(dv.Count);
                for (int i = 0; i < dv.Count; i++)
                {
                    list_CourseType.Add(new CourseTypeData(Convert.ToString(dv[i]["TypeName"].ToString()), Convert.ToString(dv[i]["parentRowID"].ToString()), Convert.ToString(dv[i]["Row_ID"].ToString())));
                }
                CourseTypecd.CourseData = list_CourseType;
                rjson = new Epoint.KSPXBase.Bizlogic.DB_Common().Obj2Json(CourseTypecd);

            }
            catch
            {
                rjson = "0";
            }

            context.Response.ContentType = "text/plain";
            context.Response.Write(rjson);//返回调用处
        }

        public bool IsReusable
        {
            get
            {
                return false;
            }
        }

        internal class CourseTypeData
        {
            public CourseTypeData(string typeName, string parentRowID,string row_id)
            {
                TypeName = typeName;//类别名称
                ParentRowID = parentRowID;
                Row_ID = row_id;
            }
            public string TypeName;
            public string ParentRowID;
            public string Row_ID;
        }


        internal class CourseTypeChartData
        {
            public string PicNum;//数据个数
            public List<CourseTypeData> CourseData;
        }
    }

前台解析，并拼接显示

$(function () {//加载课程推荐
        LoadCourseTypeName($("#CourseType"));//加载课程
    });

    function LoadCourseTypeName(obj) {
        $.ajax({
            type: "POST",
            contentType: "application/json;charset=utf-8",
            url: "<%=Request.ApplicationPath%>/Ashx/CourseType.ashx?",
            dataType: 'text',
            complete: function () { },
            beforeSend: function () {
                obj.html("<div class='divLoadTips'>课程内容加载中...</div>");
            },
            success: function (result) {
                var res = JSON.parse(result);//得到json值
                var rtn = parseInt(res.PicNum);
                obj.html("")
                var span, a;
                for (var i = 0; i < rtn; i++) {
                    var parentRowID = res.CourseData[i].ParentRowID;
                    if (parentRowID == "0") {
                        var row_id = res.CourseData[i].Row_ID;
                        var li = $("<li class='drop-menu-item' id='" + row_id + "'> </li>");
                        span = $("<span class='drop-menu-cate' >" + res.CourseData[i].TypeName + "</span>")
                        li.append(span);
                    }
                    else {
                        $("#menucourse ul li").each(
                            function (index) {

                                if ($(this).attr("id") == parentRowID) {
                                    a = $("<a href='#'> " + res.CourseData[i].TypeName + "</a>");
                                    $(this).append(a);
                                }
                            }
                            );
 
                    }

                    obj.append(li);
                }
            },
            error: function (result, status) {
                alert(result.responseJSON.Message);
            }
        })
    }