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

前端之家收集整理的这篇文章主要介绍了通过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” 原文链接:https://www.f2er.com/ajax/160501.html

猜你在找的Ajax相关文章