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

首先吐槽下公司的框架,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”

你可能感兴趣的:(web开发)