我想使用 jquery 从 php 获取的 json 填充数据列表。
HTML 代码:index.php
<body>
<input type='text' id="gpanel" name="gpanel" list='listid' required>
<datalist id='listid'>
//i want my options here
</datalist>
</body>
JQuery 代码:
<script>
$(document).ready(function()
{
$.getJSON("php/ajax.php", function(return_data){
$.each(return_data.data, function(key,value){
$("#listid").append(
"<option value="+value.gpanel+">"+"</option>" //gpanel is the title i want in the values
);
});
});
</script>
php代码:ajax.php
<?php
include("connection.php");
$result=mysqli_query($conn,"select * from active");//db name
while($rec = mysqli_fetch_assoc($result))
{
$rows[] = $rec;
}
$json_row=json_encode($rows);
echo $json_row;
?>
我不知道我哪里做错了!但数据列表未按预期填充。
在 JQuery 中,您尝试循环 return_data.data
...请改用 $.each(return_data, function(key,value){
。
或者在 PHP 中,添加 data
维度:
$json_row=json_encode(array('data' => $rows));
我是一名优秀的程序员,十分优秀!