我在下面进行此函数调用,以根据用户所做的下拉选择获取结果,并在 Div 标记中呈现结果。问题是这在 Firefox 和 IE9 中运行良好,但在 IE8 中不显示结果表。我可以在 IE8 中看到带有检索值的警报消息,但表格显示为空。任何帮助表示赞赏。
function retrieveExams() {
$.getJSON('/request/opscert/retrieveOpscertExams',
{ certificateType : $('#selectedApplicationType').val(),
classTypeOne : $('#selectedApplicationClassTypeOne').val(),
classTypeTwo : $('#selectedApplicationClassTypeTwo').val()},
function(data, textStatus, jqXHR) {
var html = $('#OpsCertExams').render(data);
alert(html);
$('#examTable').html(html);
$('#examTable tr:odd').css('background-color','#BBBBAA');
$('#ajaxWaitNoteDiv').hide();
}
);
}
//这是嵌入在div标签中以显示结果的下表。此表工作正常,并显示了 Firefox 和 IE9 中的结果。
<table id="examTable" style="width:100%"></table>
//这是迭代并显示结果的脚本
<script id = "OpsCertExams" type="text/x-jsrender">
<tr>
<td style="width:20%;font-size:12px;text-align:center">{{:examDate}}</td>
<td style="width:20%;font-size:12px;text-align:center">{{:examTime}}</td>
<td style="width:20%;font-size:12px;text-align:center">{{:examLocation}}/td>
<td style="width:20%;font-size:12px;text-align:center">{{:examType}}</td>
</tr>
</script>