1. 程式人生 > >通過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”