当前位置:首页 > 开发 > Web前端 > Jquery > 正文

Jquery局部刷新

发表于: 2014-10-29   作者:120153216   来源:转载   浏览:
摘要: Jquery局部刷新DIV里的内容,div_inner层里包含的是test.jsp页面:   //刷新 function refresh() { $.blockUI({ message: '正在加载数据中...', css: { padding: "5px&q

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局部刷新

  • 0

    开心

    开心

  • 0

    板砖

    板砖

  • 0

    感动

    感动

  • 0

    有用

    有用

  • 0

    疑问

    疑问

  • 0

    难过

    难过

  • 0

    无聊

    无聊

  • 0

    震惊

    震惊

推荐文章
编辑推荐
版权所有 IT知识库 CopyRight © 2009-2015 IT知识库 IT610.com , All Rights Reserved. 京ICP备09083238号