填写桌子 HTML 从答案 AJAX
我在数据库中有一些数据 MySQL. 我想在这里展示这个数据 html table 基于用户选择的参数。
以下是入口部分 /HTML/
这是一个表,我想填写答案来自的数据。 AJAX.
现在按下按钮 'Search', 我想发送一个文件名 PHP 并获取信息表单数据库。
对于我所做的事情:
PHP代码是
回答 AJAX 是一个
状态码 is:200 OK. 我还检查了Developer工具网络,该网络数据完全且以正确的格式。 关键名也是如此。
但是,遗憾的是,数据不会显示在表中。
原因是由于对象的事实 JSON 包含值 null, 它没有显示吗?
如果没有,还有什么可能是原因?
以下是入口部分 /HTML/
<form class="form-inline">
<div class="input-group">
<div>Enter Person Name</div>
<input class="form-control" id="tags"/>
</div>
<div class="btn-group">
<button id="btnSubmit" type="submit">Search</button>
</div>
</form>
这是一个表,我想填写答案来自的数据。 AJAX.
<div class="dataTable_wrapper">
<table class="table table-striped table-bordered table-hover" id="records_table">
<tr class="odd gradeX">
<th>Name</th>
<th>Group</th>
<th>Work</th>
<th>Grade1</th>
<th>Grade2</th>
<th>Grade3</th>
<th>TeacherName</th>
<th>RollNo</th>
</tr>
</table>
</div>
现在按下按钮 'Search', 我想发送一个文件名 PHP 并获取信息表单数据库。
对于我所做的事情:
$/document/.ready/function // {
$/"#btnSubmit"/.click/function /e/ {
e.preventDefault//;
var selText = $/'#tags'/.val//;
if /selText === ''/ {
alert/"Please select a name!"/;
} else {
$.ajax/{
type: 'GET',
url: 'getData.php',
jsonpCallback: 'jsonCallback',
dataType: 'jsonp',
jsonp: false,
data: {
q: selText
},
success: function /response/ {
alert/response/;
var trHTML = '';
$.each/response, function /i, item/ {
$.each/item, function /_, o/ {
trHTML += '<tr><td>' + o.Name +
'</td><td>' + o.Group +
'</td><td>' + o.Work +
'</td><td>' + o.Grade1 +
'</td><td>' + o.Grade2 +
'</td><td>' + o.Grade3 +
'</td><td>' + o.TeacherName +
'</td><td>' + o.RollNo. +
'</td></tr>';
}/;
}/;
$/'#records_table'/.append/trHTML/;
},
error: function /e/ {
$/"#txtHint"/.html/e.responseText/;
}
}/;
}
}/;
}/;
PHP代码是
php
$servername = "localhost"; $username = "root"; $password = "21343"; $dbname = "do_demob";
$selectedName = $_GET['q'];
$conn = mysqli_connect/$servername, $username, $password, $dbname/;
if /!$conn/ {
die/"Connection failed: " . mysqli_connect_error///;
}
$sql = "SELECT *** Don't have rights to reveal";
$result = mysqli_query/$conn, $sql/;
$rows = array//;
if/$result/ {
while/$row = mysqli_fetch_assoc/$result// {
$rows[] = $row;
}
}else {
echo 'MySQL Error: ' . mysqli_error//;
}
$json = json_encode/$rows/;
echo $json;
mysqli_close/$conn/;
?
回答 AJAX 是一个
[{"Name":"Sagar Mujumbdar","Group":"","TeacherName":"John Cena","RollNo":"SX51998","Work":"Sales","Grade1":"Good","Grade2":"5","Grade3":"1"}]
状态码 is:200 OK. 我还检查了Developer工具网络,该网络数据完全且以正确的格式。 关键名也是如此。
但是,遗憾的是,数据不会显示在表中。
原因是由于对象的事实 JSON 包含值 null, 它没有显示吗?
如果没有,还有什么可能是原因?
没有找到相关结果
已邀请:
2 个回复
三叔
赞同来自:
郭文康
赞同来自:
:
消除
.
在您的迭代中,您深入了解一个元素,
会不确定,因为
已经存在
,
等
足够的:
我也创造了
https://jsfiddle.net/uL45bxn3/
用你的答案 AJAX.
</td>