jQuery DataTables不顯示Unicode字符

我正在使用jQuery DataTables顯示來自MySQL數據庫的分頁數據。jQuery DataTables不顯示Unicode字符

當我在此表中顯示正常字符時，它會在表中顯示正確的數據。但是，當我保存Unicode字符時，它只顯示?個字符。

以下是我對這個頁面的html代碼：

<%@ page language="java" contentType="text/html; charset=UTF-8" 
pageEncoding="UTF-8"%> 
<%@ taglib prefix="form" uri="http://www.springframework.org/tags/form"%> 
<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c" %> 
<html> 
<head> 
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> 
<title>Township</title> 
<link rel="stylesheet" href="<c:url value="/resources/styles/township.css" />"/> 
<link rel="stylesheet" type="text/css" href="//cdn.datatables.net/1.10.0/css/jquery.dataTables.css"> 
<script type="text/javascript" charset = "utf8" src="//code.jquery.com/jquery-1.10.2.min.js"></script> 
<script type="text/javascript" charset = "utf8" src="//cdn.datatables.net/1.10.0/js/jquery.dataTables.js"></script> 
<script type="text/javascript" charset = "utf8" > 

//Plug-in to fetch page data 
jQuery.fn.dataTableExt.oApi.fnPagingInfo = function (oSettings) 
{ 
    return { 
     "iStart":   oSettings._iDisplayStart, 
     "iEnd":   oSettings.fnDisplayEnd(), 
     "iLength":  oSettings._iDisplayLength, 
     "iTotal":   oSettings.fnRecordsTotal(), 
     "iFilteredTotal": oSettings.fnRecordsDisplay(), 
     "iPage":   oSettings._iDisplayLength === -1 ? 
      0 : Math.ceil(oSettings._iDisplayStart/oSettings._iDisplayLength), 
     "iTotalPages": oSettings._iDisplayLength === -1 ? 
      0 : Math.ceil(oSettings.fnRecordsDisplay()/oSettings._iDisplayLength) 
    }; 
}; 

$(document).ready(function() { 

$("#example").dataTable({ 
    "bProcessing": true, 
    "bServerSide": true, 
    "sort": "position", 
    "bStateSave": false, 
    "iDisplayLength": 10, 
    "iDisplayStart": 0, 
    "fnDrawCallback": function() { 

    },   
    "sAjaxSource": "springPaginationDataTables.web", 
    "aoColumns": [ 

     { "mData": "townshipCode" }, 
     { "mData": "townshipName" }, 
     { "mData": "divisionName" }, 
     { "mData": "actionlink"}, 
    ] 
}); 

}); 

</script> 
</head> 
<body> 
<div id="container"> 
    <div id="table"> 
     <form:form action="" method="GET" align="center"> 
      <br> 
      <table style="border: 3px;background: rgb(243, 244, 248); width: 90%; margin:20px auto;"><tr><td> 
       <table id="example" class="display"> 
        <thead> 
         <tr> 
         <th>Code</th> 
         <th>Township</th> 
         <th>Division</th> 
         <th>Action</th> 
        </tr> 
       </thead>  
      </table> 
      </td></tr></table> 
      <br> 
     </form:form> 

    </div> 
</div> 
</body> 
</html>

此表我的後端Java代碼是：

@RequestMapping(value = "/springPaginationDataTables.web", method = RequestMethod.GET, produces = "application/json") 
public @ResponseBody String springPaginationDataTables(HttpServletRequest request) throws IOException { 

    Integer pageNumber = 0; 
    if (null != request.getParameter("iDisplayStart")) 
     pageNumber = (Integer.valueOf(request.getParameter("iDisplayStart"))/10)+1;  

    Integer pageDisplayLength = Integer.valueOf(request.getParameter("iDisplayLength")); 

    List<Township> listTownship = townshipDao.getList(pageNumber, pageDisplayLength); 
    int count = townshipDao.getCount(); 

    JsonObject<Township> townshipJsonObject = new JsonObject<Township>(); 
    //Set Total display record 
    townshipJsonObject.setiTotalDisplayRecords(count); 
    //Set Total record 
    townshipJsonObject.setiTotalRecords(count); 
    townshipJsonObject.setAaData(listTownship); 

    Gson gson = new GsonBuilder().setPrettyPrinting().create(); 
    String json2 = gson.toJson(townshipJsonObject); 

    return json2; 
}

我得到了在數據表下面的輸出顯示?其中代替Unicode字符：

enter image description here

請幫我解決這個問題。

來源

2015-04-25 Thiha Zaw

你是否用UTF-8字符編碼編譯你的java源代碼？ –

是蘭林。我已經。 –

你從哪裏得到數據？數據庫？ CSV？ XML？ Excel中？ – JuaRoAl

嘗試迫使字符集在像這樣產生屬性：

@RequestMapping（值= 「/springPaginationDataTables.web」，方法= RequestMethod.GET，產生= 「應用/ JSON;字符集= UTF-8」）

來源

2016-03-31 10:06:45 user106168

jQuery DataTables不顯示Unicode字符

回答

相關問題