Json数据从后台传至前台的方法

Test.ashx.cs:

后台的一部分

 public void ProcessRequest(HttpContext context)
        {
            context.Response.ContentType = "text/plain";


            string jsonstring1 = "[{\"distId\":\"CN0000001\",\"authType\":\"高级\",\"authDtm\":\"2015-08-11\",\"Grade\":\"100\",\"attendedCity\":\"北京\"},{\"distId\":\"CN0000001\",\"authType\":\"中级\",\"authDtm\":\"2015-09-13\",\"Grade\":\"90\",\"attendedCity\":\"上海\"},{\"distId\":\"CN0000001\",\"authType\":\"初级\",\"authDtm\":\"2015-10-12\",\"Grade\":\"80\",\"attendedCity\":\"杭州\"}]";



            context.Response.Write(jsonstring1);
        }

前台

function getJsonString() {
            $.ajax({
                url:"Test.ashx",
                async: false,
                type: "post",
                data: {},
                success: function (data) {
                    alert(data);
                    var jsonObj = eval('(' + data + ')');  ---只有这样转换后才能将json解析出来
                    var DivHtml = "<table class='table table-hover'>"
                    + "<thead><tr><th>#</th><th>distId </th>" + "<th>authType"
                    + "</th><th>authDtm" + "</th><th>Grade" + "</th><th>attendedCity"
                    + "</th></tr></thead><tbody>";
                    for (var i = 0; i < jsonObj.length; i++) {
                        var item = jsonObj[i];
                        DivHtml += "<tr name='list' id=\"" + (i + 1) + "\">"
                        + "<td>" + (i + 1) + "</td>"
                        + "<td id=\"list" + (i + 1) + "\">" + item.distId + "</td>"
                        + "<td id=\"list" + (i + 1) + "\">" + item.authType + "</td>"
                        + "<td id=\"list" + (i + 1) + "\">" + item.authDtm + "</td>"
                        + "<td id=\"list" + (i + 1) + "\">" + item.Grade + "</td>"
                        + "<td id=\"list" + (i + 1) + "\">" + item.attendedCity + "</td>"
                        + "</tr>";
                    }


                    DivHtml += "</tbody></table>";
                    $("#Tab1").html(DivHtml);
                },
                error: function (data, textStatus) {
                    alert("ajax Error");
                }
            })
        }