[英]Populating a HTML table using JQUERY, PHP and AJAX
I am trying to populate a HTML table using JQUERY, AJAX and PHP code.我正在尝试使用 JQUERY、AJAX 和 Z2FEC392304A5C23AC138DA2287 代码填充 HTML 表。 When I run my code, my table is displayed but it is filled with 'undefined'.当我运行我的代码时,我的表格会显示出来,但里面填满了“未定义”。
I have three pieces of code.我有三段代码。 Here is my HTML and jQuery:这是我的 HTML 和 jQuery:
var integer = $("#transfers_in").attr("name");
alert("integer: " + integer);
$.ajax('includes/test.php', {
type: 'POST', // http method
data: {
dataType: 'json',
myData: integer
}, // data to submit
success: function(response) {
var len = response.length;
for (var i = 0; i < len; i++) {
var name = response[i].name;
var amount = response[i].amount;
var tr_str = "<tr>" +
"<td align='center'>" + (i + 1) + "</td>" +
"<td align='center'>" + name + "</td>" +
"<td align='center'>" + amount + "</td>" +
"</tr>";
$("#money_in").append(tr_str);
}
}
});
<table id="money_in">
<tr>
<th>Name</th>
<th>Amount(Million £)</th>
</tr>
</table>
and here is my PHP Code:这是我的 PHP 代码:
<?php
if (isset($_POST['myData'])) {
$integer = $_POST['myData'];
if ($integer === "1"){
include 'db_connection.php';
// Create connection
$conn = new mysqli($servername, $username, $password, $dbname);
// Check connection
if ($conn->connect_error) {
die("Connection failed: " . $conn->connect_error);
}
$return_arr = array();
$query = "SELECT * FROM `money_in_19_20`";
$result = mysqli_query($conn,$query);
while($row = mysqli_fetch_array($result)){
$name = $row['Name'];
$amount = $row['Amount'];
$return_arr[] = array("Name" => $name,
"Amount" => $Amount);
}
// Encoding array in JSON format
echo json_encode($return_arr);
}
}
The Json data is being received in the format of Json 数据的接收格式为
{"Name":"Hazard","Amount":"103000000"} {“名称”:“危害”,“金额”:“103000000”}
You are returning object as Name,Amount and checking as name,amount您将 object 作为名称、金额和检查作为名称、金额
var name = response[i].name;
var amount = response[i].amount;
it should be它应该是
var name = response[i].Name;
var amount = response[i].Amount;
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.