如何在单击事件中追加数据来自数据表
How to append the data From dataTable in click event
我使用了以下脚本,数据没有加载到数据表,我收到错误 点击这里显示错误图像这是我的jquery代码
Table = $("#example").DataTable({
data:[],
columns: [
{ "data": "Course" },
{ "data": "Batch" },
{ "data": "Admission No" },
{ "data": "Rollno" },
{ "data": "Student Name" },
{ "data": "Email" }
],
rowCallback: function (row, data) {},
filter: false,
info: false,
ordering: false,
processing: true,
retrieve: true
});
$('.view_search_btn').click(function(){
//alert("clicked");
var search_key = $('input[name=view_stu_search]').val();
$('.box-body').show();
$.ajax({
url: "../live_search.php",
type: "post",
data: "key="+'view_student_search_key'+"&search_keyword="+search_key
}).done(function (result) {
Table.clear().draw();
Table.rows.add(result).draw();
}).fail(function (jqXHR, textStatus, errorThrown) {
// needs to implement if it fails
});
}(;//单击事件关闭此处 });文档关闭此处我的PHP代码是
if(!ctype_digit($_POST['search_keyword'])){
//echo "given value is string".$_POST['search_keyword'];
$rows = search_keyword($view_student_search_key);
//print_r($rows);
foreach($rows as $row)
{
$query = "SELECT a.stu_rollno, c.stu_course,c.stu_batch,a.admission_no,p.stu_firstname,p.stu_lastname,co.stu_email FROM current_course c, admission_details a,stu_personal_details p, stu_contact_details co WHERE a.stu_rollno = p.stu_rollno AND c.stu_rollno = co.stu_rollno AND a.stu_rollno = c.stu_rollno AND (c.stu_degree = ".$row['degree_id']." AND c.stu_course = ".$row['course_id']." AND c.stu_branch = ".$row['branch_id'].");";
//echo "<br><br>";
$run_query = mysqli_query($con, $query);
while($result = mysqli_fetch_array($run_query))
{
echo "
<tr>
<td>".$row['course_name']."</td>
<td>".$result['stu_batch']."</td>
<td>".$result['admission_no']."</td>
<td>".$result['stu_rollno']."</td>
<td>".$result['stu_firstname'].$result['stu_lastname']."</td>
<td>".$result['stu_email']."</td>
<td align='center'><a href='edit.php?rollno=".$result['stu_rollno']."°ree=".$row['degree_name']."&course=".$row['course_name']."&branch=".$row['branch_name']."' class='btn btn-info btn-sm btn-flat'><i class='fa fa-edit'></i> Edit</a>
<button type='button' class='btn btn-danger btn-sm btn-flat' name='remove_levels' data-toggle='modal' data-target='.bs-example-modal-sm'><i class='fa fa-close'></i> Delete</button>
</td>
</tr>
";
}
}
}`
我的 PHP 中的以下函数
function search_keyword($view_student_search_key)
{
$query = "SELECT d.degree_id,d.degree_name,c.course_id,c.course_name,b.branch_id,b.branch_name FROM degree d,courses c,branch b WHERE d.degree_id = c.degree_id AND b.course_id = c.course_id AND (d.degree_name like '%$view_student_search_key%' OR c.course_name like '%$view_student_search_key%' OR b.branch_name like '%$view_student_search_key%')";
global $con;
$run_query = mysqli_query($con, $query);
//Declare the rows to an array
$rows = array();
// Insert Each row to an array
while($row = mysqli_fetch_array($run_query))
{
$rows[] = $row;
}
// Return the array
return $rows;
}`
在这里,您为标题添加总共 6 个td
,然后为内部tr
添加 7 个td
。因此,每行的数据表td
不匹配。
您可以做的是:
只需在数据表初始化中再添加一个td
,前面加上,
(逗号(:
{ "data": "Actions" }
注意:Action
是编辑和其他图标列td
的标题。
使用 xhr.dt 并使用 datatables load(( API 重新加载数据。xhr.dt 将在加载 AJAX 调用数据时侦听它。您可以清除和绘制,即在 xhr 回调函数中附加数据。希望有帮助。
相关文章:
- 单击按钮即可显示带有提取的json数据的表
- 将数据从表单传递到另一个页面上的表-knockout.js
- 当用户将数据输入表单时要知道的事件
- 在这种情况下,我如何使用Javascript生成充满数据的表行
- 使用jQuery用data-*数据填充表单文本输入
- 使用ng repeat用数组中的数据填充表行
- 如何根据特定条件将数据插入表中
- (钛工作室)显示带有排序数据的表视图
- 如何将数据从表单传递到 php 函数到 javascript 以在画布上绘制而不刷新页面
- 根据 Ajax 返回的数据提交表单
- 如何在 Backbone 中构建具有相互关联的垂直和水平数据的表
- 从远程站点获取数据 - HTML 表
- 根据表数据对表行进行排序
- 使用表格数据填写表单
- 加载HighCharts图表/数据在表单上提交jQuery
- 如何使用 Ajax .serialize() 数据将表单发布到 PHP
- 使用来自另一个表单的数据填充表单
- 在包含 JSON 数据的表中实现无限滚动
- 使用 jQuery 生成一个包含 XML 数据的表
- 如何访问对象的键值?希望从对象数据填充表