版权声明：个人项目学习原创 https://blog.csdn.net/weixin_44552342/article/details/89210250

记HTML5 jquery JS 关于动态显示（行转列，转化后的表列固定，行不固定）JSON格式数值问题（前端样式写后台代码部分）

一般数据通过AJAX方法获取到的都是JSON格式数据，而这样的数据在实际应用项目中一般为复杂数组形式，不是教科书那样的形式，所以需要先解析JSON格式数据。

$.ajax({
type: "POST",
url: '../NewspaperWorker/SearchSAPVORNR',
data: {
AUFNR: s_AUFNR,//工单号码
},
dataType: 'json',
success: function (data) {
var jsonobj=eval("("+data.Data+")");
if(jsonobj.length == 0){          //length这个属性在json数据中自带，放心使用
alert("请核对工单号！");
}
if (data.IsSuccess){
var length1=jsonobj.length;
var datahtml = "";                      //这里是后台代码设计前端界面
datahtml += " <table style='margin: auto; width: 580px; border:#000 solid 1px;'>";
datahtml += " <tr ><th >序号</th><th >WERKS</th><th >AUFNR</th><th >VORNR</th><th >STEUS</th><th >LTXA1</th></tr>" ;	       //由于实际需要行转列表头，动态显示数据行
for (var i = 0; i < length1; i++) {
datahtml += "<tr >";
datahtml += "<td>" +i+ "</td>";
datahtml += "<td>"+jsonobj[i].ItemArray[0]+"</td>";      //注意JSON格式数组 由于是动态 所以放在FOR循环中
datahtml += "<td>"+jsonobj[i].ItemArray[1]+"</td>";
datahtml += "<td>"+jsonobj[i].ItemArray[2]+"</td>";
datahtml += "<td>"+jsonobj[i].ItemArray[3]+"</td>";
datahtml += "<td>"+jsonobj[i].ItemArray[4]+"</td>";
datahtml += "</tr>";
}

datahtml += "</table>";
$("#table2").html(datahtml);
//document.getElementById("table2").innerHTML = data;
}

前端引用

<div id="table2"></div>

此部分代码都写在同一功能页面中实现，if（ctr=button值 ）。