ajax請求mysql數據表後返回數據格式的差別，不注意將引起datatables和echarts數據沒法加載，從而圖表沒法顯示

在最近的項目編程中，數據庫中某傳感器數據表以下所示：

項目採用spring +mybatis，對應這張數據表的java領域對象的屬性設計以下：

 

 在datatables插件經過ajax請求請求這張數據表的數據時，將數據表的數據經過fastjson處理成json格式後傳到客戶端，可是這時json串中的一些屬性名已經被自動更名了，要將這些屬性字段綁定到客戶端的datatables插件的表格的列上，須要用被更名後的屬性名，不然表格數據沒法綁定到datatables插件，數據沒法顯示，這時datatables綁定的json串中的屬性名以下（屬性名與上述對象中的屬性名的大小寫已經發生變化，不能寫錯）：

而一樣的數據表個，客戶端經過另一個ajax請求獲取json串幫到到echarts折線圖上時，服務器在轉換爲json時用的是spring自帶的jackson類包處理，返回的json串的屬性名的大小寫也發生變化，屬性名綁定到折線圖參數的代碼以下，注意Jason串的屬性名大小寫的變化，可是與fastjson處理的結果的大小寫仍是有區別：

function ntyhsensordisplaygraph(){
$.ajax({

type: 'POST',
url:'ntyhcontroller/getyhhissensor',//這裏不須要分頁顯示，由於是折線圖
async: true,
data:{ "beginTime": beginTime,"endTime":endTime,"diffDay":diffDay },
success: function(data){
// alert(data);
var data_ret= $.parseJSON(data);
// alert(data_ret);

//濁度-折線圖
myChart_line = echarts.init(document.getElementById('main_11'));
option_line11.series[0].data=[null];
for (var i = 0; i < data_ret.length; i++) {
option_line11.series[0].data[i]=[data_ret[i].data_time,data_ret[i].turbidity];
}
option_line11.title.text = '濁度(NTU)';
myChart_line.setOption(option_line11);
//溶解氧-折線圖
myChart_line = echarts.init(document.getElementById('main_12'));
option_line12.series[0].data=[null];
for (var i = 0; i < data_ret.length; i++) {
option_line12.series[0].data[i]=[data_ret[i].data_time,data_ret[i].dissolvedOxygen];
}
option_line12.title.text = '溶解氧(mg/L)';
myChart_line.setOption(option_line12);
//葉綠素-折線圖
myChart_line = echarts.init(document.getElementById('main_13'));
option_line13.series[0].data=[null];
for (var i = 0; i < data_ret.length; i++) {
option_line13.series[0].data[i]=[data_ret[i].data_time,data_ret[i].spad];
}
option_line13.title.text = '葉綠素(ug/L)';
myChart_line.setOption(option_line13);
//電導率-折線圖
myChart_line = echarts.init(document.getElementById('main_17'));
option_line17.series[0].data=[null];
for (var i = 0; i < data_ret.length; i++) {
option_line17.series[0].data[i]=[data_ret[i].data_time,data_ret[i].conductivity];
}
option_line17.title.text = '電導率(us/cm)';
myChart_line.setOption(option_line17);
//PH-折線圖
myChart_line = echarts.init(document.getElementById('main_18'));
option_line18.series[0].data=[null];
for (var i = 0; i < data_ret.length; i++) {
option_line18.series[0].data[i]=[data_ret[i].data_time,data_ret[i].pressure];
}
option_line18.title.text = 'PH';
myChart_line.setOption(option_line18);
//溫度-折線圖
myChart_line = echarts.init(document.getElementById('main_19'));
option_line19.series[0].data=[null];
for (var i = 0; i < data_ret.length; i++) {
option_line19.series[0].data[i]=[data_ret[i].data_time,data_ret[i].temperature];
}
option_line19.title.text = '溫度(℃)';
myChart_line.setOption(option_line19);

}

});

}

若是這些大小寫變化沒有注意，折線圖和表格數據都是沒法顯示出來的。