Jquery局部刷新DIV里的内容,div_inner层里包含的是test.jsp页面:
//刷新
function refresh() {
$.blockUI({
message: '正在加载数据中...',
css: {
padding: "5px",
border : "none",
color : "#ffffff",
backgroundColor: "#000000",
top: "45%",
left: "45%",
opacity: .5
}
});
$("#divForm").ajaxSubmit({
target: '#div_inner',
async: false,
cache: false,
success : function(data) {
$.unblockUI();
$.blockUI({ message: $('#div_inner'), fadeIn: 500, fadeOut: 500 });
}
});
}
<form action="<%=path%>/test/test.do" name="divForm" id="divForm" method="post"></form>
<!-- 遮盖层DIV -->
<div class="rmain_tk" id="div_inner">
//里面是Controller返回的jsp页面
</div>
Controller返回的页面:
/**
* 查询返回/test/test.jsp
*/
@RequestMapping(value = test.do)
public String test(ModelMap modelMap) {
try {
//查询
.....省略
modelMap.put("list", (List<Object>) response.getResult());
} catch (Exception e) {
log.error(e.getMessage(), e);
}
return "/page/test";
}
另外一个页面,JSP代码省略。:
//关闭遮盖层
function closeBlockUI() {
$.unblockUI();
$('body').append("<div class='rmain_tk' id='div_inner'></div>");
}
//界面里的查询按钮点击刷新DIV里的内容
//查询
function search() {
$(":button,:submit").attr("disabled",true);
$("#selfFormId").ajaxSubmit({
target: '#div_inner',
async: false,
cache: false,
success : function(data) {
$(":button,:submit").attr("disabled",false);
}
});
}