【问题标题】:How can i search in datatables - data loading with ajax/serverside我如何在数据表中搜索 - 使用 ajax/服务器端加载数据
【发布时间】:2014-05-31 06:51:49
【问题描述】:

我是数据表的新手。 我有一个问题,当我开始在表格的“搜索字段”中输入一个单词时,会显示“处理”加载标签。 我在我的表中使用 ajax 加载我的数据。 那么 - 我必须做什么才能在我的表中搜索? 我想我必须设置一个 ajax 调用,不是吗?

帮助我的坦克:)

代码如下:

var table;
$(function(){
var table = $('#datatables').DataTable({
     "dom": 'TC<"clear">Rlfrtip',
     "processing": true,
     "serverSide": true,
     "ajax": {
     "url": "get_data", 
     "type": "GET"  
     },
...

这是我的 serlet:

@SuppressWarnings("unchecked")
protected void doGet(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {
    String sql = "SELECT * FROM ordering";
    int rows=0;

    JSONArray arrayback = new JSONArray();
    JSONObject object = new JSONObject();
    PrintWriter out = response.getWriter();
try {
        Class.forName("com.mysql.jdbc.Driver");
        Connection con = DriverManager.getConnection("jdbc:mysql://localhost:3306/orders?user=***&password=****");
        Statement stmt = con.createStatement();
        ResultSet rs = stmt.executeQuery(sql);
        ResultSetMetaData meta = rs.getMetaData();
        rows= meta.getColumnCount();

        while(rs.next())
        {
            JSONArray array = new JSONArray();
            array.add(rs.getString("id"));
            array.add(rs.getString("employeName"));
            array.add(rs.getString("employeAdresse"));
            arrayback.add(array);
        }

        object.put("data", arrayback);
        object.put("draw", 1);
        object.put("recordsTotal", rows);
        object.put("recordsFiltered", rows);
        response.setContentType("application/json");
        out.print(object);          

....

我认为这是代码的主要重要部分。 我从没有问题的 servlet 中获取所有数据。 就在我想开始搜索某些东西时,我得到了“请等待/处理”标签并且它保持不变 - 没有任何反应。

【问题讨论】:

    标签: javascript jquery mysql ajax servlets


    【解决方案1】:

    检查这个: http://datatables.net/release-datatables/examples/server_side/server_side.html

    这个“获取数据”ajax php 请求脚本实现了过滤/搜索功能;)

    【讨论】:

      猜你喜欢
      • 2022-12-01
      • 1970-01-01
      • 2017-04-17
      • 2015-03-11
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 2016-06-11
      相关资源
      最近更新 更多