Jsp 如何在google表中显示ajax返回的字符串?
这是我在jsp中的单击事件代码Jsp 如何在google表中显示ajax返回的字符串?,jsp,spring-mvc,google-visualization,Jsp,Spring Mvc,Google Visualization,这是我在jsp中的单击事件代码 { var tableList = makeAjaxCallToTable(); alert("tableList.."+tableList); var obj = $.parseJSON(tableList); tableData = new google.visualization.DataTable(obj); drawTable(tableData); } 这是我的ajax电话 func
{
var tableList = makeAjaxCallToTable();
alert("tableList.."+tableList);
var obj = $.parseJSON(tableList);
tableData = new google.visualization.DataTable(obj);
drawTable(tableData);
}
这是我的ajax电话
function makeAjaxCallToTable(){
var returnVal;
var selectedItem = piChart.getSelection()[0];
if(selectedItem){
var selectedItem = piChart.getSelection()[0];
var selectedticketType = piData.getValue(selectedItem.row, 0);
$.ajax({
type : 'GET',
url : 'incident_management_pichart_table.htm',
data : {
selectedticketType : selectedticketType,
selectedCIName : selectedCIName,
},
async : false,
success : function(responseText){
returnVal = responseText;
},
error : function(e){
alert("An error occured: " + e.status + " " + e.statusText);
returnVal = '';
}
});
}
alert('Here in ajax');
return returnVal;
}
这个ajax将把reslt作为字符串给出,如下所示
[ENVCOFWINTELPROD,已解决,互动,钦奈,事件,2015-06-10 00:00:00.0,无效],[ENVCOFWINTELPROD,已解决,互动,钦奈,事件,2015-06-10 00:00:00.0,无效],[ENVCOFWINTELPROD,已解决,钦奈,事件,2015-06-10 00:00.0,无效],[ENVCOFWINTELPROD,已解决,互动,钦奈,事件,2015-06-10 00:00.0,无效],[ENVCOFWINTELPROD,已解决,交互,钦奈,事件,2015-06-10 00:00:00.0,空],[ENVCOFWINTELPROD,已解决,交互,钦奈,事件,2015-06-10 00:00:00.0,空],[ENVCOFWINTELPROD,已解决,交互,钦奈,事件,2015-06-10 00:00.0,空]]
使用GoogleCharts,我通过以下代码创建表
function drawTable(tableList) {
alert('Here : '+tableList);
var data =new google.visualization.DataTable(tableList);
data.addColumn('string', 'CI Name');
data.addColumn('string', 'Status');
data.addColumn('string', 'Type Of Ticket');
data.addColumn('string', 'Sub Area');
data.addColumn('string', 'Category');
data.addColumn('string', 'Open Time');
data.addColumn('string', 'Close Time');
data.addRow(<c:out value="${data.closeTime}" />);
var table = new google.visualization.Table(document.getElementById('detailTable'));
table.draw(data, {allowHtml: true, showRowNumber: true, width: '200%', height: '100%'});
}
这是jsp表div
<div style="margin-bottom: -20px;" id="bgnone" class="inner bdBGHome">
<label style="font-weight:bold;" >Incident Details</label>
<div id="detailTable">
表正在使用一行构造,但结果为7,并且该表不显示任何检索到的内容,而是显示一个空行
提前感谢,
问候,,
Suganth A.您只添加了一行。data.addRow;要测试,我添加了一行。但是在表列表中,我得到了多个值,正如我在上面提到的ajax响应。。