jquery datatables未加载表数据

时间:2014-07-24 16:44:37

标签: java jquery ajax jsp

问题:

我试图以表格格式表示数据,这些数据将从数据库中检索到我的表数据即使在我的硬编码值之后也没有加载。

案例:

我正在从数据库中检索数据,只是使用Jquery数据表在UI上显示数据。   1.我已经创建了一个用于检索数据的Java bean   2.处理servlet以从数据库中检索数据   3.我创建了一个jsp页面来显示输出

代码如下:

BuyerViewServlet.java

@覆盖     protected 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>

1 个答案:

答案 0 :(得分:1)

您还没有确切地描述您目前正在获得的错误类型(如果有)。但是,仅查看代码,您的src个代码的script属性似乎不正确。

你有:

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

尝试删除&#39; 1.10.1&#39;之间的空格。和&#39; / js&#39;。所以基本上,将脚本标记更改为以下内容:

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

查看此更改是否可以解决您的问题。如果还有其他问题,请提供您所看到的具体结果/错误。