ajax拼接<c:if>不起作用，大神求教

$(function(){
$.post('<%=basePath%>ckdb/StorageListDetailList',function(data){
var $drwarehouseId = $("#drwarehouseId");
var $dcwarehouseId = $("#dcwarehouseId");
var $projectId = $("#projectId");
var $tbody=$("#str");
$tbody.empty();

var drwarehouseId ="<option value=''>---请选择---</option>";
var dcwarehouseId ="<option value=''>---请选择---</option>";
var projectId="<option value=''>---请选择---</option>";
var str="";
//库存调入
for(var i = 0; i < data.warehouseList.length; i++){
drwarehouseId+="<option value="+data.warehouseList[i].id+">"+data.warehouseList[i].name+"</option>";
}
$drwarehouseId.html(drwarehouseId);
//库存调出
for(var i = 0; i < data.warehouseList.length; i++){
dcwarehouseId+="<option value="+data.warehouseList[i].id+">"+data.warehouseList[i].name+"</option>";
}
$dcwarehouseId.html(dcwarehouseId);
//项目名称
for (var i = 0; i < data.projectManagementList.length; i++) {
projectId+="<option value="+data.projectManagementList[i].id+">"+data.projectManagementList[i].projectName+"</option>";
}
$projectId.html(projectId);

//库存调拨加载
for (var i = 0; i < data.pageInfo.list.length; i++) {
 str+="<tr>"+
"<td>"+data.pageInfo.list[i].materialNo + "</td>" +
     "<td>"+data.pageInfo.list[i].materialName + "</td>" +
        "<td>"+data.pageInfo.list[i].projectName + "</td>" +
        "<td>"+data.pageInfo.list[i].unitName + "</td>" +
        "<td>"+data.pageInfo.list[i].materialModel + "</td>" +
        "<td>"+data.pageInfo.list[i].materialNumber + "</td>" +
        "<td>"+data.pageInfo.list[i].note + "</td>" +
        "<td><button type='button' class='btn btn-transparent' onclick=''><i class='fa fa-pencil'></i></button>"+                     
        "<button type='button' class='btn btn-transparent' onclick=''><i class='fa fa-times'></i></button></td>"+                    
        "</tr>";
}
$tbody.html(str);

$("#pageNum").html(data.pageInfo.pageNum);
     $("#pages").html(data.pageInfo.pages);
     $("#total").html(data.pageInfo.total);
    
      $("#pagination").append("<li><a class='page' href='#' index='1' >首页</a></li>");
      //上一页
     $("#pagination").append("<li><c:if test='${"+eval(data.pageInfo.hasPreviousPage)+"}'>");
     $("#pagination").append("<a index='"+(data.pageInfo.pageNum-1)+"' class='page' href='#' aria-label='Previous'> <span aria-hidden='true'>«</span></a>");
     $("#pagination").append("</c:if></li>"); 
     //页码
     for (var i = 0; i < data.pageInfo.navigatepageNums.length; i++) {
if (data.pageInfo.navigatepageNums[i]==data.pageInfo.pageNum) {
        $("#pagination").append("<li class='active'><a class='page' href='#'>"+data.pageInfo.navigatepageNums[i]+"</a></li>");
}else {
        $("#pagination").append("<li><a index='"+data.pageInfo.navigatepageNums[i]+"' class='page' href='#'>"+data.pageInfo.navigatepageNums[i]+"</a></li>");
}
}
     //下一页
     $("#pagination").append("<li><c:if test='"+data.pageInfo.hasNextPage+"'>");
     $("#pagination").append("<a index='"+data.pageInfo.pageNum+1+"' class='page' href='#' aria-label='Next'> <span aria-hidden='true'>»</span></a>");
     $("#pagination").append("</c:if></li>");
     $("#pagination").append("<li><a index='"+data.pageInfo.pages+"' class='page' href='#'>尾页</a></li>");
    
});
});