Ajax加载数据的使用

需求就是不能再进入页面时加载数据，只能在点击其中一个按钮时把数据加载呈现出来。具体效果如最下面的图。

1、前台页面

 <h1 class="title" id="" name="" onclick="GetData(1)">
     概述 <span class="title_icon"></h1>
  <div class="mc_list" id="div001" style="display: none">

   </div>

2、ajax代码

 GetData(n){
    $.ajax({
                         type: "get",
                         url: "GetDataHander.ashx?para=" + n + "&jbid=" + jbid,
                         dataType: "json",
                         success: function (data) {
                             $.each(data, function (idx, item) {
                                 $("#div00" + n).empty();
                                 $("#div00" + n).append("<span style='font-family:黑体;font-size:14pt;'>" + item.DisArticleInfo_Title + "</span></br>" + item.DisArticleInfo_Info + "<br/>");
                             });
                         }
                     });
 }

3、ashx页面

  public void ProcessRequest(HttpContext context)
         {
             context.Response.ContentType = "text/plain";
             string para = context.Request["para"].ToString();
             DataTable dt = new DataTable();
             DataTable dt1 = new DataTable();
             DataTable dt2 = new DataTable();
             DataTable dt3 = new DataTable();
             DataTable dt4 = new DataTable();
             string str = string.Empty;
             if (para == "")
             {
                 dt = disbll.GetList(, " DisArticleInfo_DiseaseId=" + context.Request["jbid"] + " and (DisArticleInfo_ArticleTypeId=24 or DisArticleInfo_ArticleTypeId=1)", " DisArticleInfo_ID desc").Tables[];
             }
             if (para == "")
             {
                 dt = disbll.GetList(, " DisArticleInfo_DiseaseId=" + context.Request["jbid"] + " and DisArticleInfo_ArticleTypeId=16", " DisArticleInfo_ID desc").Tables[];
             }
             if (para == "")
             {
                 dt = disbll.GetList(, " DisArticleInfo_DiseaseId=" + context.Request["jbid"] + " and DisArticleInfo_ArticleTypeId=2", " DisArticleInfo_ID desc").Tables[];
             }
             if (para == "")
             {
                 dt = disbll.GetList(, " DisArticleInfo_DiseaseId=" + context.Request["jbid"] + " and DisArticleInfo_ArticleTypeId=18 ", " DisArticleInfo_ID desc").Tables[];
                 dt1 = disbll.GetList(, " DisArticleInfo_DiseaseId=" + context.Request["jbid"] + " and DisArticleInfo_ArticleTypeId=19 ", " DisArticleInfo_ID desc").Tables[];
                 dt2 = disbll.GetList(, " DisArticleInfo_DiseaseId=" + context.Request["jbid"] + " and DisArticleInfo_ArticleTypeId=21 ", " DisArticleInfo_ID desc").Tables[];
                 dt3 = disbll.GetList(, " DisArticleInfo_DiseaseId=" + context.Request["jbid"] + " and DisArticleInfo_ArticleTypeId=22 ", " DisArticleInfo_ID desc").Tables[];
             }
             if (para == "")
             {
                 dt = disbll.GetList(, " DisArticleInfo_DiseaseId=" + context.Request["jbid"] + " and DisArticleInfo_ArticleTypeId=8 ", " DisArticleInfo_ID desc").Tables[];
                 dt4 = disbll.GetList(, " DisArticleInfo_DiseaseId=" + context.Request["jbid"] + " and DisArticleInfo_ArticleTypeId=9 ", " DisArticleInfo_ID desc").Tables[];
             }
             if (para == "")
             {
                 dt = disbll.GetList(, " DisArticleInfo_DiseaseId=" + context.Request["jbid"] + " and DisArticleInfo_ArticleTypeId=4", " DisArticleInfo_ID desc").Tables[];
             }
             if (dt.Rows.Count > )
             {
                 str =JsonConvert.SerializeObject(dt,new DataTableConverter());
                 if (dt1.Rows.Count > || dt2.Rows.Count >  || dt3.Rows.Count > )
                 {
                     dt.Merge(dt1);
                     dt2.Merge(dt3);
                     dt.Merge(dt2);
                     str = JsonConvert.SerializeObject(dt, new DataTableConverter());
                 }
                 if (dt4.Rows.Count>)
                 {
                     dt.Merge(dt4);
                     str = JsonConvert.SerializeObject(dt, new DataTableConverter());
                 }
             }
             context.Response.Write(str);
             context.Response.End();

4、页面效果如图