问题描述:
IE浏览器,第一次点击‘备注’按钮时,执行selectSignRemark()方法,正常读取内容;新增备注信息后,再次点击‘备注’按钮,执行selectSignRemark()方法,但是不执行$.ajax,不会去去网络数据,导致模态框的内容无法更新。
// 隐藏模态框
$('#ModalID').modal('hide'); // 控制模态框的显示与隐藏,可选hide、show、toggle
代码如下:
<a data-toggle="modal" οnclick="selectSignRemark();" data-target="#signremark_list_dialog" class="btn btn-primary" title="备注">备注(${count })</a>
//选择备注信息
function selectSignRemark() {
var cid = $('._cid').val();
$.ajax({
type: "get",
url:'${ctx }/customer/signcustomer/signremark/form',
data:{'search_EQ__cid':cid},
async: false,
error: function(request) {
alert("网络错误!");
},
success: function(data) {
$("#signremark_list_dialog .modal-body").html(data);
}
});
}
问题产生原因:
ie下get请求相同的url时有缓存的问题,因此可采用在url连接上加随机数的处理方式(&random=Math.random()),加随机数就是为了避免缓存问题,标示每个请求都是新的。
这个问题最终是一个执行ajax请求数据的问题。
修改如下:
将:data:{'search_EQ__cid':cid}, 改为:data:{'search_EQ__cid':cid,random:Math.random()},