jQuery datatables未加載表數據

Question

問題：

我正在嘗試以表格格式表示數據，該數據將從數據庫中檢索。即使在我硬編碼值之后，也不會加載我的表數據。

案件：

我正在從數據庫中檢索數據，而只是使用Jquery數據表在UI上顯示數據。 1.我創建了一個Java Bean來檢索數據2.創建了一個Servlet以從數據庫中檢索數據3.我創建了一個jsp頁面來顯示輸出

代碼如下：

BuyerViewServlet.java

@Override受保護的void doPost（HttpServletRequest請求，HttpServletResponse響應）拋出ServletException，IOException {

    processRequest(request, response);

    processRequest(request, response);

    PrintWriter out = response.getWriter();
    BuyerView buyerview = getBuyerInfo();
    Gson gson = new GsonBuilder().setPrettyPrinting().create();

    String json = gson.toJson(buyerview);

    response.setContentType("application/json");

    out.print(json);
    System.out.print(json.trim());

    out.close();

}

   //sets the JavaBean
   public BuyerView getBuyerInfo() {

    BuyerView info = new BuyerView();

    //info.setConsID(45);
    info.setEmailUser("james@kngs.com");

    return info;

  }//END OF getInfo()


///jsp
<table id="consumer_information" class="display" cellspacing="0" width="100%">
<thead>
    <tr>

        <th>Name of Customer</th>
        <th>Email</th>


    </tr>
</thead>
 <tbody>          
 </tbody>

 <script type="text/javascript">
  (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
  (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
  m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
  })(window,document,'script','//www.google-analytics.com/analytics.js','ga');
  ga('create', 'UA-XXXXX-X', 'auto');
  ga('send', 'pageview');
</script>
<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.1  /js/jquery.dataTables.js"></script>
<script type="text/javascript" language="javascript" class="init">
    $(document).ready(function() {
    $('#consumer_information').dataTable( {
           "sServerMethod ":"POST" ,
         "sPaginationType" : "full_numbers",
            "bProcessing" : false,
            "bServerSide" : false,
            "sAjaxSource" : "./BuyerViewE",
            "bJQueryUI" : true,
            "aoColumns" : [
        { "mData": "Name of Company" },
        { "mData": "Email" }

    ]
   } ); 
     } );


</script>

Answer 1

您尚未確切描述您當前遇到的錯誤類型（如果有）。 但是，僅查看您的代碼，您的一個script標記的src屬性似乎不正確。

你有：

<script type="text/javascript" charset="utf8" src="//cdn.datatables.net/1.10.1  /js/jquery.dataTables.js"></script>

嘗試刪除“ 1.10.1”和“ / js”之間的空格。 因此，基本上，將您的腳本標簽更改為以下內容：

<script type="text/javascript" charset="utf8" src="//cdn.datatables.net/1.10.1/js/jquery.dataTables.js"></script>

查看此更改是否可以解決您的問題。 如果還有其他問題，請提供您看到的具體結果/錯誤。