ajax动态生成页面

通过$.post()提交到指定路径，然后根据用append函数，在指定的地方添加

$.post('http://'+weburl+'/index/index.php?s=/home/Tower/homeIndex.html', {}, function(result){
	$.each(result, function(index, item){
		$(".ba_ul").append('<a href="baseDate.html?id='+item.id+'" class="ba_li"><div class="li_span">No.'+item.id+'</div><img class="li_img" src="img/jizhan.png" /><div class="span_bottom">'+item.tower_address+'</div></a>');
	})
}, 'JSONP')

也可以通过加载指定页面的方式，实现动态加载，我这里用PHP实现后台

前台：

$.post("{:U('index/single')}",{},function(result){
	$ajax_data = $(result);
	$('.tc_one_list').append($ajax_data);
});

后台：


正常的数据处理，然后通过$this->display();返回html页面，返回的页面就可以通过ajax动态加载出来了