Jquery局部刷新

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);
			}
		});
	}

 

 

你可能感兴趣的:(jquery)