填写桌子 HTML 从答案 AJAX

我在数据库中有一些数据 MySQL. 我想在这里展示这个数据 html table 基于用户选择的参数。
以下是入口部分 /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, 它没有显示吗?
如果没有,还有什么可能是原因?
已邀请:

三叔

赞同来自:

尝试遵循逻辑。 可能存在某种错误,例如卷发括号和逗号,因为我在这里编辑了它。 尝试表格标题也在 javascript. 我在下面做到了。 请检查


$/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 = "<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>";
for/var i =0;i &lt; response.length-1;i++/
{
var o= response[i];

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>';
}
trHTML+="</table>"
$/'#records_table'/.append/trHTML/;
},
error: function /e/ {
$/"#txtHint"/.html/e.responseText/;
}
}/;
}
}/;
}/;

郭文康

赞同来自:

你后立即有一个句法错误
RollNo

:


'<td>' + o.RollNo. +


消除
.

.

在您的迭代中,您深入了解一个元素,
o.*

会不确定,因为
o

已经存在
"Sagar Mujumbdar"

,
""


.each

足够的:


$.each/response, function /i, 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>';
}/;


我也创造了
https://jsfiddle.net/uL45bxn3/
用你的答案 AJAX.
</td>

要回复问题请先登录注册