页面分页html拼接

success:function(data){
    if(data.status == "success"){
     var page = data.p;
     var html='';
     for(var i = 0; i<page.result.length;i++){
      html = html + '<a href="${ctx}/inter/info-manager!getBycategoryId.action?recordId='+page.result[i].recordId+'" class="list">';
      html=html+'<img src="'+page.result[i].infoImg+'" alt="" class="listImg">';
      html=html+'<div class="info"><h1 class="title">'+page.result[i].infoTitle+'</h1>';
      html=html+'<p class="content"> '+page.result[i].infoDepict+' </p>';
      html=html+'</div></a>';
     }
     
     // 添加分页选项:下一页
     html = html + "<div style='text-align: center;display: -webkit-box;margin-left: 35%;'>"
                 + "<input type='hidden' id='the_page_no' name='page.pageNo' value='" + page.pageNo + "' />"
                 + "<input type='hidden' id='the_page_total' name='page.totalPages' value='" + page.totalPages + "' />"
                 + "<input type='hidden' id='the_page_orderBy' name='page.orderBy' value='" + page.orderBy + "'/>"
                 + "<input type='hidden' id='the_page_order' name='page.order' value='" + page.order + "' />"
                 + "<input type='hidden' id='the_page_size' name='page.pageSize' value='" + page.pageSize + "' />"
                 + "第" + page.pageNo + "页,"+ page.pageSize +"条/页,共" + page.totalPages + "页";
     if(page.hasPre){
      html = html + "<a id='preBtn' href='javascript:void(0);' οnclick='preBtn()'>上一页</a>";
     }
     if(page.hasNext){
      html = html + "<a id='nextBtn' href='javascript:void(0);' οnclick='nextBtn()'>下一页</a>";
     }
     html = html + "&nbsp;&nbsp;&nbsp;&nbsp;总记录" + page.totalCount
           + "条 至&nbsp;"
           + "<input class='input_1' id='the_new_page_no' type='text' style='width: 25px;' />"
           + "&nbsp;页&nbsp;"
           + "<a href='javascript:void(0);' id='theTiaoZhuan' οnclick='theTiaoZhuan()'>跳转</a>"
           + "</div>";
          
     // 将新生成的页面替换原来的页面     
     $("#pageReault").empty().append(html);
     
    }
   },