动态更改table的data—url地址,自动从新局部加载数据。

局部加载数据

//一级
function selectList(){
	//获取页面动态类型
	var brandId = $('#brandId').val();	//这个是由页面得到要变更查询数据的id
	//alert(brandId);
	$.ajax({
		url:"/.../queryAll?brandId="+brandId,
		type:"get",
		dataType:"json",
		async: true,
		success:function(data){
			if(data=="{}"){
				alert('没有查到数据');
			}else{
				$("#seriesId").html("");	//这个id是第二个下拉框
				var mr="请选择";
				$("#seriesId").append(mr);
				$.each(data,function(index,itme){ //index相当于下标，item相当于对象，data就是后台传回的一个对象
					//系列Id
					var stam=""+itme.seriesName+"";
					$("#seriesId").append(stam);					
				}); 
				
				//更换查询地址
				$(function(){
					//(如果重新加载的地址是要查询数据库的，前端页面有的属性对象，
					//后端SQL查询时要有对应的字段，不然前端页面不会显示对应的属性对象)
					var nUrl = "/.../queryLD?eBrandId="+brandId;
					$("#tabelId").attr('data-url',nUrl);
					//重载方式1
					$("#tabelId").dataTable().fnDraw(false);
					//重载方式2
					//DataTablesUtil.helper.loadUrl('tabelId',nUrl);
				});	
			}
		}
	});
}