使用serverSide后,使用Ajax的DataTable运行不正常:true
Posted
tags:
篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了使用serverSide后,使用Ajax的DataTable运行不正常:true相关的知识,希望对你有一定的参考价值。
我有一个使用DataTables的用户表,它将包含超过200行。当我使用DataTables默认为"pageLength": 10
时,它看起来很好,这就是表格示例。
Username | Type | Request |
user01 1 request01
user02 1 request02
user03 2 request03
user04 1 request04
user05 1 request05
user06 1 request06
user07 1 request07
user08 1 request08
user09 1 request09
user10 1 request10
Showing 1 to 10 of 200 entries
FirstPrevious123 ... 20NextLast
因此,为了减少加载时间,我决定使用"processing": true
和"serverSide": true
。然后我对这个"serverSide" : true
有一些问题,它在表格中打印了200行数据。
Showing 0 to 0 of 0 entries (filtered from NaN total entries)
。然后分页仍然打印,在我点击第2页后,它什么也没做。
我不希望DataTables获得第一个10个数据,在点击分页2后,它将获得10个以上等等。
我正在使用CodeIgniter,这是我的代码:
在我的观点+ Js:
<select name="task" id="task">
<option value="1">Task 1</option>
<option value="2">Task 2</option>
</select>
<table id="user-request" class="table">
<thead>
<tr>
<th>Username</th>
<th>Type</th>
<th>Request</th>
</tr>
</thead>
</table>
<script>
... on task change ...
... var task = $("#task").val(); ...
$('#user-request').DataTable({
'processing': true,
'serverSide': true,
'ajax': {
'type': 'POST',
'url': base_url+'user/get_user_request',
'data': {"task":task,"csrf_token":$("input[name=csrf_token]").val()}
}
})
</script>
注意:任务是一个不同的组,例如1级或2级,乌节大学或哈佛大学
在我的控制器上:
$task = $this->input->post('task', TRUE);
$user_request = $this->model->all_user_request(task);
foreach ($user_request as $ur)
{
$arr = array();
$arr[] = $ur->username;
$arr[] = $ur->type;
$arr[] = $ur->request;
$data[] = $arr;
}
$output = array(
"data" => $data
);
if (COUNT($output) > 0)
{
echo json_encode($output);
}
在我的模型上:
public function all_user_request($task_id) {
$query = "SELECT * FROM user_request WHERE task_id = ?";
return $this->db->query($query, $task_id)->result();
}
注意:在模型中实际上使用的是2个INNER JOIN
,我只是简化了选择,只是在这里询问。 (仅在这里变成非规范化表)。
我试图在我的控制器中使用数字数据添加qazxsw poi,qazxsw poi,qazxsw poi到qazxsw poi。例
draw
我正在寻找答案但是,我认为问题在这里,但我仍然不知道我必须在哪里获得recordsTotal
- recordsFiltered
- $output
数据。我看到别人的另一个答案,他们使用$output = array(
"draw" => 5,
"recordsTotal" => 5,
"recordsFiltered" => 5,
"data" => $data
);
if (COUNT($output) > 0)
{
echo json_encode($output);
}
,然后我尝试了,它什么也没做。
所以我正在尝试使用数字数据,但结果仍然相同。我需要一些帮助。它仍在表中打印200行数据。
draw
。然后分页仍然打印,在我点击第2页后,它什么也没做。
数据表发送您需要的所有内容 - 如果您查看网络下的控制台,您会看到,他们使用ajax-get方法将这些请求发送到服务器
recordsTotal
参数如下
recordsFiltered
你可以找到整个列表
"draw" => $_POST['draw']
这意味着 - 你要正确调整你的模型......
这样的事情应该有效
Showing 0 to 0 of 0 entries (filtered from NaN total entries)
和你的控制器
GET
请记住,我只是写下来 - 也许有一些拼写错误,但你应该能够理解服务器端处理数据表请求应该如何工作。
只要您选择服务器模式,就必须通过请求管理所有内容。因此,您必须动态创建输出数组的值:
draw
columns
start
length
search
和模型功能
here
如果您使用的是public function all_user_request($task_id)
{
$intStart = intval($this->input->get("start"));
$intLength = intval($this->input->get("length"));
$strSearch = (strlen($this->input->get("search")["value"]) >= 2) ? $this->input->get("search",true)["value"] : false;
$order = $this->input->get("order",true);
$this->setQuery($task_id,$strSearch);
$query = $this->db->get();
$this->recordsTotal = $query->num_rows();
$this->setQuery($task_id, $strSearch);
if ($intStart >= 0 && $intLength > 0)
{
$this->db->limit($intLength,$intStart);
}
$strOrderField = 'username';
$strDirection = "ASC";
if (is_array($order))
{
switch($order[0]['column'])
{
case 1:
$strOrderField = 'type';
break;
case 2:
$strOrderField = 'request';
break;
}
if (!empty($order[0]['dir'])) $strDirection = $order[0]['dir'];
}
$this->db->order_by($strOrderField,$strDirection);
$query = $this->db->get();
$arrData = $query->result();
return $arrData;
}
public function getRecordsTotal()
{
return $this->recordsTotal;
}
private function setQuery($task_id, $strSearch="")
{
$this->db
->select('*')
->from('user_request')
->where('task_id', $task_id);
if (!empty($strSearch))
{
$this->db->like('task_id', $strSearch);
}
}
,则应提供自己的过滤计数和总计数。还提供您自己的搜索功能,订购等。使用下面的控制器和型号供您参考。
调节器
//controller
$task = $this->input->post('task', TRUE);
$user_request = $this->model->all_user_request($task);
$data = [];
foreach ($user_request as $ur)
{
$data[] = [
$ur->username,
$ur->type,
$ur->request
];
}
$arrCompiledData = [
'data' => $data,
'draw' => $this->input->get('draw'),
'recordsTotal' => $this->model->getRecordsTotal(),
'recordsFiltered' => $this->model->getRecordsTotal(),
];
$this->output
->set_content_type('application/json')
->set_output(json_encode($arrCompiledData));
模型
$output = array(
"draw" => $_POST['draw'],
"recordsTotal" => $this->my_model->get_total_records(),
"recordsFiltered" => $this->my_model->get_total_filtered(),
"data" => $this->my_model->all_user_request($id)
);
以上是关于使用serverSide后,使用Ajax的DataTable运行不正常:true的主要内容,如果未能解决你的问题,请参考以下文章
如何使用 DataTables (serverSide: true) 实现单个列过滤器?
黄聪:Jquery+DataTables插件,如何在ajax调用服务器数据后,自动给tr添加id属性