PHP AJAX：从 mysql 检索数据并以表格形式显示它们

Question

我正在尝试创建一个自动填充表单。我有一个下拉菜单和一些表单字段，例如文本框。 当用户单击下拉菜单选项 Ajax 调用启动时，它将检查 Mysql 数据库中的数据。如果找到记录，则会在相关文本框中显示数据。

我的代码工作正常，但我无法从 mysql 数据库返回数据。

<script type="text/javascript">
$(function() {
    $("#autofill").change(function() {
        var data1= $('option:selected', this).text();
                        $.ajax({
                    type: "GET",
                    url:"autofill.php",
                    cache: false,
                    dataType: 'json',
                    data: 'action1=' + data1,
                    beforeSend: function() { 
                        $("#validation-errors").hide().empty(); 
                    },
                    success: function(data) {
                        if(data.success == false)
                            {
                                var arr = data.errors;
                                $.each(arr, function(index, value)
                                {
                                    if (value.length != 0)
                                    {
                                        $("#validation-errors").append('<div class="alert alert-danger"><strong>'+ value +'</strong><div>');
                                    }
                                });
                                $("#validation-errors").show(); 
                                 $('html, body').animate({scrollTop: $("#validation-errors").offset().top}, 2000);
                                btn.button('reset');                            
                            } else {
                                data = JSON.parse( data );
                               $('#title').val('data.title');
                                $('#total').val('data.total');
                                 $('html, body').animate({scrollTop: $("#features-left-image").offset().top}, 2000);
                            }
                    },
                    error: function(xhr, textStatus, thrownError) {
                        alert('Something went to wrong.Please Try again later...');
                        btn.button('reset');
                        alert(thrownError);
                    }
                });             
                return false;
            });

    });
</script>

autofill.php

<?php 
require_once('include/db.php');
if(isset($_GET['action1'])){
$search = strip_tags(trim($_GET['action1'])); 
$search = strtolower($search);
$search="%".$search."%";

$result = $mysqli->prepare("SELECT * FROM posting WHERE title LIKE ?");
$result ->bind_param("s", $search);
$result->execute();
$result->store_result(); 
//$result->bind_result($title);
//$data[]=$result;

echo json_encode($data);
}

?>

据我了解，问题就在附近。

//$result->bind_result($title);
//$data[]=$result;

echo json_encode($data);

请建议我解决此问题。

谢谢

Answer 1

逻辑上有很多问题，

$result = $mysqli->prepare("SELECT * FROM posting WHERE title LIKE ?");
$result ->bind_param("s", $search);
$result->execute();
$result->store_result(); 
//$result->bind_result($title);
//$data[]=$result;

echo json_encode($data);

您将从 SELECT 语句中获得多列，并且您在 bind_result($title) 中仅绑定一列，这将引发警告，而且您没有获取实际从结果集中提取数据的数据和将其绑定到您的变量。

其次，如果你想填充你期望一个结果集的字段吗？（从你的 javascript 判断）你的 LIKE 子句查询可能会返回多个结果，你必须修改你的查询，以便你可以获得独特的结果。

最后，您在 PHP 代码中尝试实现的目标可以使用 PDO 而不是 mysqli 更轻松地完成，原因之一是，您可以使用 fetch_all 函数轻松获取结果集并直接对其进行 json_encode，mysqli 具有fetch_all 也是，但我相信它只与最新版本兼容。

如果你想继续使用 MySQLI 解决方案是这样的，

$result->bind_result($title, $total, ...); //bind all your columns here
$data = [];

while($stmt->fetch()){
$data['title'] = $title;
.
.
.
//fetch all the columns you need likewise.
}

echo json_encode($data);

我仍然建议您迁移到 PDO，这将帮助您更轻松地完成所有这些工作，请在此处阅读有关 PDO 的更多信息：http://php.net/manual/en/class.pdostatement.php

Answer 2

你可以这样做：

$data = array();
while ($result->fetch()) {
$data['title'] = $title;
$data['field2'] = $field2;
...
}
// echo '<pre>'.$data.'</pre>';
echo json_encode($data);

在 jQuery 代码中：

data = $.parseJSON(data);
var title = data.title;
var field2 = data.field2;
alert(title);

Answer 3

您可以在此处删除空格：

$result ->bind_param("s", $search);

$result->bind_param("s", $search);