如何解决如何执行AJAX将数据传递到数据表列中
我想在获取server.php上的所有数据后返回DataTable内部的数据
我在开发人员工具的“网络”标签中收到此错误 {“ current_field”:null,“ field_count”:null,“ lengths”:null,“ num_rows”:null,“ type”:null}
HTML表单 以防万一,然后在form标记下查看我的表格。
我想获取我的数据表中的所有数据
<form id="patientForm">
<div class="form-group">
<input type="text" class="form-control" id="username" placeholder="Enter username">
</div>
<div class="form-group">
<input type="password" class="form-control" id="password" placeholder="Enter password">
</div>
<div class="form-group">
<input type="text" class="form-control" id="birthday" placeholder="Enter birthday">
</div>
<div class="form-group">
<input type="text" class="form-control" id="age" placeholder="Enter age">
</div>
<div class="form-group">
<input type="text" class="form-control" id="mobile-number" placeholder="Enter mobile number">
</div>
<div class="form-group">
<input type="text" class="form-control" id="full-address" placeholder="Enter full address">
</div>
<div class="form-group">
<input type="text" class="form-control" id="gender" placeholder="Enter gender">
</div>
<div class="form-group">
<input type="text" class="form-control" id="nickname" placeholder="Enter nickname">
</div>
<div class="form-group">
<input type="text" class="form-control" id="occupation" placeholder="Enter occupation">
</div>
</form>
<!-- Table starts -->
<div class="container-fluid">
<table class="table table-hover table-responsive" id="patientTable">
<thead class="table-head">
<tr>
<th>Action</th>
<th>ID</th>
<th>Username</th>
<th>Password</th>
<th>Birthday</th>
<th>Age</th>
<th>Mobile #</th>
<th>Address</th>
<th>Gender</th>
<th>Nickname</th>
<th>Occupation</th>
</tr>
</thead>
<tbody class="tbody">
</tbody>
</table>
</div>
<!-- Table ends -->
jQuery AJAX
$(document).ready(function() {
var user_id,option;
option = 4;
patientTable = $('#patientTable').DataTable({
"ajax":{
"url": "server.php","method": 'POST',//we use the POST method = usamos el metodo POST
"data":{
option:option
},//we send option 4 to make a SELECT = enviamos opcion 4 para que haga un SELECT
"dataSrc": ""
},"columns":[
{"defaultContent": "<div class='text-center'><div class='btn-group'><button class='btn button btn-sm btnEdit'><i class='fas fa-edit'></i></button><button class='btn btn-danger btn-sm btnDelete'><i class='fas fa-trash-alt'></i></button></div></div>"},{"data": "id"},{"data": "username"},{"data": "password"},{"data": "birthday"},{"data": "age"},{"data": "mobile_number"},{"data": "address"},{"data": "gender"},{"data": "nickname"},{"data": "occupation"}
]
});
});
这是我的server.php
$username = (isset($_POST['username'])) ? $_POST['username'] : '';
$password = (isset($_POST['password'])) ? $_POST['username'] : '';
$birthday = (isset($_POST['birthday'])) ? $_POST['username'] : '';
$age = (isset($_POST['age'])) ? $_POST['username'] : '';
$mobileNumber = (isset($_POST['mobileNumber'])) ? $_POST['username'] : '';
$fullAddress = (isset($_POST['fullAddress'])) ? $_POST['username'] : '';
$gender = (isset($_POST['gender'])) ? $_POST['username'] : '';
$nickname = (isset($_POST['nickname'])) ? $_POST['username'] : '';
$occupation = (isset($_POST['occupation'])) ? $_POST['username'] : '';
$option = (isset($_POST['option'])) ? $_POST['option'] : '';
$user_id = (isset($_POST['user_id'])) ? $_POST['user_id'] : '';
switch($option){
case 1: //sample case 1
$query = "SELECT * FROM `patient_table`";
$result = $connection->query($query);
$result->fetch_all(MYSQLI_ASSOC);
break;
case 2: //sample case 2
$query = "SELECT * FROM `patient_table`";
$result = $connection->query($query);
$result->fetch_all(MYSQLI_ASSOC);
break;
case 3: //sample case 3
$query = "SELECT * FROM `patient_table`";
$result = $connection->query($query);
$result->fetch_all(MYSQLI_ASSOC);
break;
case 4:
$query = "SELECT * FROM patient_table";
$result = $connection->query($query);
$result->fetch_all(MYSQLI_ASSOC);
break;
}
print(json_encode($result,JSON_UNESCAPED_UNICODE));//Send the final array format to AJAX = envio el array final el formato json a AJAX
$connection=null;
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。