java 拼接 html_<请教>直接使用Ajax来拼接html页面，这样的做法有什么优劣，可行么？_猿2048...

例如：

$.ajax({

url:"http://"+host+"/cicro/notice_front/load_page.do",

type:"post",

data:{"page":0},

dataType:"json",

async:false,

success:function(result){

$('#news_box').empty();

$('#news_box').append('

当前位置：首页通知公告

');

var count = 1;

for(i = 0; i < result.data.length; i++){

var s = result.data[i];

var content = s.content;

var title = s.title;

var createtime = s.createtime.substring(0, 19);

var p=s.state;

if(p==1){

var str="未发布"

}else{

str="已发布";

}

$('.news_list').append('

'

+title+''+createtime+'

');

}

var j;

var nowPage=0;//当前页

var listNum=10;//每页显数

var PagesLen;//总页数

var PageNum=4;//分页链接接数(5个)

var count=result.count;

PagesLen=Math.ceil(count/listNum);

//分页链接变换

strS='首页 ' ;

var PageNum_2=PageNum%2==0?Math.ceil(PageNum/2)+1:Math.ceil(PageNum/2)

var PageNum_3=PageNum%2==0?Math.ceil(PageNum/2):Math.ceil(PageNum/2)+1

var strC="",startPage,endPage;

if (PageNum>=PagesLen) {startPage=0;endPage=PagesLen-1}

else if (nowPagePageNum?PageNum:PagesLen-1}//首页

else {startPage=nowPage+PageNum_3>=PagesLen?PagesLen-PageNum-1: nowPage-PageNum_2+1;var t=startPage+PageNum;endPage=t>PagesLen?PagesLen-1:t}

for (var i=startPage;i<=endPage;i++){

if (i==nowPage)

strC+=''+(i+1)+' '

else

strC+=''+(i+1)+' '

}

strE=' 尾页 '

strE2=nowPage+1+"/"+PagesLen+"页"+" 共"+j+"条"

document.getElementById("pageGro").innerHTML=strS+strC+strE

},

error:function(){alert("服务器异常.");}

});