使用json和javascript填充表
我正在使用php获取一个db查询,我想从中创建一个表。我想将查询结果放入一个json对象,然后使用javascript将结果输出到一个表中。我使用json_encode在php中创建json对象 我对javascript相当陌生,所以对于如何将我创建的json对象发送到javascript,然后使用javascript输出结果,我有点困惑?我应该将javascript包含在与php页面相同的文件中,还是另一个文件中 如果你能解释一下你在做什么,那就太棒了,因为我真的很想知道每一步都发生了什么 以下是我目前掌握的情况:使用json和javascript填充表,javascript,php,json,mysqli,Javascript,Php,Json,Mysqli,我正在使用php获取一个db查询,我想从中创建一个表。我想将查询结果放入一个json对象,然后使用javascript将结果输出到一个表中。我使用json_encode在php中创建json对象 我对javascript相当陌生,所以对于如何将我创建的json对象发送到javascript,然后使用javascript输出结果,我有点困惑?我应该将javascript包含在与php页面相同的文件中,还是另一个文件中 如果你能解释一下你在做什么,那就太棒了,因为我真的很想知道每一步都发生了什么 以
<?php
$servername = "localhost";
$username = "username";
$password = "password";
$dbname = "myDB";
$conn = mysqli_connect($servername, $username, $password, $dbname);
if (!$conn) {
die("Connection failed: " . mysqli_connect_error());
}
$sql = "SELECT Name,
Location,
ID,
Price
From ProdTable
where ID>=2000";
$encode=array();
$result = mysqli_query($conn, $sql);
while($row = mysqli_fetch_assoc($result)) {
$encode[] = $row;
}
echo json_encode($encode);
?>
更新:
因此,我继续使用xyz.php作为我的后端页面,并使用main.php显示结果。我从这个示例函数开始,以确保jquery从xyz.php页面获取结果。现在,我不知道如何使用jquery在表中显示结果
下面是我为main.php页面所做的操作:
<?php
?>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
<script>
$(document).ready(function(){
$("button").click(function(){
$("#div1").load("xyz.php");
});
});
</script>
<div id="div1"></div>
<button>Show JSON Results</button>
您可以做的是:
将PHP文件作为后端。所以,
xyz.php:
// PUT YOUR CODE HERE
$sql = "SELECT Name,
Location,
ID,
Price
From ProdTable
where ID>=2000";
$encode=array();
$result = mysqli_query($conn, $sql);
while($row = mysqli_fetch_assoc($result)) {
$encode[] = $row;
}
echo json_encode($encode);
?>
它应该可以从URL访问
例如:xyz.php?id=2000
现在,在要填充此数据的页面上,使用jQuery
并操纵这个json
这将确保在初始页面加载后填充动态数据时,页面加载速度更快
希望它对您有用。$sql=选择名称,您有两个双引号。如果不是打字错误,请删除一个$sql=SELECT Name,-加上Price中的尾随逗号,然后删除它。如果您使用错误检查,它会发出错误信号。通过这样做,可能会很好地修复您的代码。哦,这是一个错误,感谢您指出这一点!嗯。但是你错过了什么。再读一遍我的评论@弗雷德二世,我想现在一切都好了好了。现在,最好在你的回答中向OP指出这些错误,因为我的评论可能无法保留;我不确定如何使用$post来操作JSON数据,但我继续使用另一个函数来确保至少可以显示结果。我还可以从我创建的函数中操作json数据吗?