通过ajax实现对某个div的整体刷新替换（异步加载）

置顶 coder_zyz

于 2017-12-27 09:48:19 发布

阅读量1.2w

点赞数

CC 4.0 BY-SA版权

分类专栏： web开发

本文链接：https://blog.youkuaiyun.com/coder_zyz/article/details/78908802

web开发专栏收录该内容

29 篇文章

订阅专栏

本文介绍了一种解决公司框架中Grid宽度自适应问题的方法，通过直接使用AJAX异步加载目标DIV，不仅解决了Grid显示时宽度变化的问题，还解决了表头不确定性的问题。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

首先吐槽下公司的框架，grid的宽度可能是根据屏幕长度自动适应，但是遇到了一个问题，隐藏的grid.show()时，宽度变为最小宽度，未解决该问题，不使用toggle的方法，直接通过ajax异步加载该DiV,同时该方法也解决了grid的表头不确定的问题

整体异步加载DIV

function loadURLWithTip(url , panel , callback  , tip){
	if(tip == true){
		notification("请稍候，正在加载······",true);	//开始
	}
	$.ajax({
		url:url,
		cache:false,
		success: function(data){
//			console.log(data);
			if(panel){
				$(panel).empty().html(data);
			}
			if(callback){
				callback(data);			
			}
		},
		error:  function(xhr, type, s){	
			if(xhr.getResponseHeader("emsg")){
				art.alert(xhr.getResponseHeader("emsg"));
			}
		}
	}).done(function(){
		if(tip == true){
			notification("",false);	//开始
		}
		//var dialogNicescroll = $(".setScroll").niceScroll({cursorcolor:"#d7d7d7"});
	});
}

其中url为异步地址，返回ModelAndView，指向DIV相应的html或JSP， panel是对象的相关信息可以是“#id”或“.class”