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");
}
})
}