使用JQuery、Ajax和PHP将数据填充到表中
Populating data into table using JQuery, Ajax and PHP
我想在一个HTML表中填充一个数据库结果。当单击<a class="editUsers">
时,应该弹出一个框,显示来自Ajax调用的数据。
应该显示:
<table id="userInfo">
<tr>
<thead>
<td>User</td>
<td>Mail</td>
<td>Admin Access</td>
</thead>
</tr>
<tr>
<td>Jane Doe</td>
<td>janedoe@islost.com</td>
<td>Yes</td>
</tr>
</table>
$(".editUsers").click(function(){
$("#userInfo").fadeIn(1000);
$(".exitUsrMgmt").fadeIn(1000); //This is the close button for that popup
$.ajax({ //create an ajax request to load_page.php
type: "GET",
url: "includes/getUserData.php",
dataType: "html", //expect html to be returned
success: function(response){
("#userInfo").html(response);
},
error:function (xhr, ajaxOptions, thrownError){
alert(thrownError);
}
});
});
<?php
include_once('config.php');
//Create PDO Object
$con = new PDO( DB_DSN, DB_USERNAME, DB_PASSWORD );
//Set Error Handling for PDO
$con->setAttribute( PDO::ATTR_ERRMODE, PDO::ERRMODE_EXCEPTION );
//Query
$sql = "SELECT name, email, admin FROM user_admin";
//Prepare Statement
$stmt = $con->prepare($sql);
$stmt->execute();
while ($row = $stmt->fetch()){
echo '<tr>';
echo '<td>'.$row[0].'</td>';
echo '<td>'.$row[1].'</td>';
echo '<td>'.$row[2].'</td>';
echo '</tr>';
}
?>
问题已修复。我犯了一个愚蠢的错误,忘记包括一个$
。感谢Paul Roub的回答,我引用他的话:
首先,
("#userInfo").html(response);
缺少一个$
。应该是$("#userInfo").html(response);
- Paul Roub 8分钟前
相关文章:
- 如何在Highchart中动态填充数据
- 使用jquery在选择框中的选项中填充数据
- 使用jquery、javascript重新填充数据
- 如何从 API 填充数据并加载到下拉列表中
- 通过遍历JSON文件来填充数据列表选项
- 在引导模式中,点击相应的datatables行中的按钮,填充数据
- 当选择District时,PHP将从数据库中填充数据
- 从角度工厂返回数据,返回对象后填充数据
- 高图表 - 从数组填充数据
- 在承诺函数从 pouchdb 填充数据之前触发 Ionic/Angular $watch的问题
- 无法用同位素填充数据
- 使用 php 发送 json 填充数据表
- JQuery - 在表单中填充数据的正确方法
- 翡翠选择字段填充数据
- C# MVC 填充数据表中的下拉列表组
- 自动填充数据被javascript的onchange事件覆盖
- 如何在html中只使用ng repeat来填充数据,而不使用repeat html's元素
- 用Firebase和Angular填充数据表
- 通过JS Ajax调用问题填充数据
- 使用两个ajax调用在两个html表中填充数据