当前位置: 首页 > 知识库问答 >
问题:

jquery datatables未加载表数据

牟波
2023-03-14

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

我正在从数据库检索数据,并使用Jquery datatables在UI上显示数据。1.我创建了一个用于检索数据的JavaBean 2。创建了一个servlet以从数据库检索数据3。我已经创建了一个jsp页面来显示输出

代码如下:

BuyerViewServlet.java

@重写受保护的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个答案

朱浩大
2023-03-14

您还没有准确描述当前遇到的错误类型(如果有)。但是,只要看看您的代码,您的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>

查看此更改是否解决了您的问题。如果存在其他问题,请提供您看到的具体结果/错误。

 类似资料:
  • 我试图通过Kafka Sink连接器将数据加载到Postgres表,但我收到以下错误: 原因:组织。阿帕奇。Kafka。连接错误。ConnectException:无法更改以添加缺少的字段SinkRecordField{schema=schema{STRING},name='A_ABBREV',isPrimaryKey=false},因为它不是可选的,也没有默认值 Postgres DB中的表已经

  • 问题内容: 我正在使用我使用android studio Tabbed Activity 创建的应用程序上工作,我选择了此活动,以便在用户滑动时从json url加载一些数据,并且我创建了另一个类,该类可以在方法上获取JSON数据,并且所有这些都可以正常工作,除非在应用程序时从调用方法的主要活动开始,并且当我调用布局时未填充任何数据时 ,我想要的是加载应用程序MainActivity时要显示的数据

  • 创建表之后,你需要填充数据,你可以通过LOAD DATA和INSERT来实现。 数据格式如下: Whistler Gwen bird \N 1997-12-09 \N 列之间使用\t间隔(LOAD DATA默认的列间隔符),\N表示NULL。 加载文件pet.txt中的数据到表pet中,使用以下命令: mysql> LOAD DATA LOCAL I

  • 我正在做一个ML/Tensorflow hello world,通过使用MNIST数据集来预测某物是什么类型的衣服,但是当我尝试使用数据将数据加载到我的doe中时。load_data()它给了我以下错误: 使用TensorFlow后端。从下载数据https://storage.googleapis.com/tensorflow/tf-keras-datasets/train-labels-idx1

  • 问题内容: 我正在尝试使用ng-repeat创建图表(使用Chart.js Lib)。 编辑:plnkr HTML: JS: 而且我收到以下错误: 请帮忙。 问题答案: 直接从View分配范围变量,例如。 在向指令提供数据和标签时,请勿使用内部污染指令。因为chart.js实现基于孤立的范围 的HTML 这可以为您提供帮助。谢谢。 更新1: 实际上,您错过了几件事。 您代码中的更改是 将Wrap

  • 我试图加载新数据(隐藏特定的图形),我试图函数像这里,但它不工作,我不知道我错过了什么。 我想加载一个数据(两个),但我想选择哪一个可见。 HTML JavaScript 小提琴连杆