动态新增删除tbody表格行与ajax请求完成后刷新父窗口问题

获取tbody内的一行数据,包括hidden类型的数据
$("#tbody_id").find("tr").each(function(){ var tdArr = $(this).children(); var servicename = tdArr.eq(0).find("input").val(); var serviceid = tdArr.eq(0).find("input[type='hidden']").val(); var price = tdArr.eq(1).find("input").val(); var count = tdArr.eq(2).find("input").val(); var server = servicename + ":" + serviceid + ":" + price + ":" + count + ","; serverList += server; });
删除选中行方法
delTr = function delTr(nowTr){    $(nowTr).parent().parent().remove(); };
//动态追加内容至tbody方法
$.each(datas,function(index,value){ html += "
<tr>"; html += "<td width='30%'><input readonly='readonly' type='text' name='servername_" + (trLength + index) + "' value='" + value.servicename + "'/><input type='hidden' name='serviceid_" + (trLength + index) + "' value='" + value.serviceid + "'/></td>" html += "<td width='30%''><input type='text' name='price_" + (trLength + index) + "'/></td>" html += "<td width='30%'><input type='text' name='count_" + (trLength + index) + "'/></td>" html += "<td width='9%'><button class='btn btn-info' type='button' onclick='delTr(this);'>删除</button></td>" html += "</tr>"; });  //获取父窗口的tbody元素,并动态添加行 $("#tbody_id",window.parent.document).append(html);
layer框架以open方式打开子窗口,并在子窗口关闭窗口方法
var index = parent.layer.getFrameIndex(window.name); parent.layer.close(index);

  

刷新指定iframe页面数据,下面的示例是刷新父窗口的iframe数据
$("#iframe_id", window.parent.document).attr("src","${basePath}/order/info/index");

为什么上面代码这样写,是因为在ajax执行完之后回调刷新父页面,window.location.href window.parent.location.href跳转的效果都不好,网上说的window.location.reload()
window.parent.location.reload()、location.reload()、self.window.opener.locaction.reload()这些方法都没有效果,暂时不明原因, 先记录于此吧。

猜你喜欢

转载自www.cnblogs.com/codechange/p/9723748.html