我用于搜索的 pdo ajax 代码不起作用

Question

我想要做的是：当用户键入他们的电子邮件时，我的 ajax 代码将运行并显示用户在密码输入框中传递。

问题是，当我的 ajax 代码将电子邮件发送到 search.php 时，我的 search.php 没有将数据提供给我的 ajax 以显示。

我认为问题出在我的 search.php 中，因为当我在索引中键入电子邮件后转到 search.php 时，search.php 只是空白，没有显示任何数据。

索引（表格）：

email <input type="text" id="query" name="myemail" class="search_textbox" /><br />
Your Password <input type="text" id="mypass" name="mypass" readonly="readonly" /><br />
<script>
$(document).ready(function(){
    $('.search_textbox').on('blur', function(){
                $('#query').change(updateTextboxes);
                updateTextboxes()  
            })
    $('.search_textbox').on('keydown', function(){
                $('#query').change(updateTextboxes); 
                updateTextboxes() 
            })
    $('#query').change(updateTextboxes);

    var  $mypass = $('#mypass');

    function updateTextboxes(){
        $.ajax({
        url:"search.php",
        type:"GET",
        data: { term : $('#query').val() },
        dataType:"JSON",
        success: function(result) {

        var ii = 1;

        for (var i = 0; i < result.length; i++) { 
                    $mypass.val(result[i].value).show().trigger('input');                           
            ii++;
            }

        }


    });


};



});      
</script>

搜索.php

<?php
error_reporting(-1);
ini_set('display_errors', 'On');

$host = "localhost";
$user = "root";
$pass = "";
$db = "test";

$dbc = new PDO("mysql:host=" . $host . ";dbname=" . $db, $user, $pass);
$dbc->setAttribute(PDO::ATTR_ERRMODE, PDO::ERRMODE_EXCEPTION);

if (isset($_GET['term'])) {

    $q = $_GET['term'];

    $sql = "SELECT password FROM students WHERE email = :term";
    $query = $dbc->prepare($sql);
    $query->bindParam(':term', $q);
    $results = $query->execute();

    $data = array();

    while ($row = $results->fetch()) {
        $data[] = array(
            'value' => $row['password'] 
        );
    }

    header('Content-type: application/json');
    echo json_encode($data);

}

?>

Answer 1

我注意到header('Content-type: application/json');。我认为没有必要。删除该行并重试。我不确定，但我认为新页面需要php header。由于您有echo json_encode($data); 并且在您的AJAX 调用中，您已经将返回数据处理为json，因此不需要header(...)。

编辑

$q = $_GET['term'];

$sql = "SELECT password FROM students WHERE email = :term";
$query = $dbc->prepare($sql);
$query->bindParam(':term', $q);
if($query->execute() && $query->rowCount()){
    echo json_encode($query->fetch(PDO::FETCH_ASSOC));   
}

脚本

function updateTextboxes(){
    $.ajax({
    url:"search.php",
    type:"GET",
    data: { term : $('#query').val() },
    dataType:"JSON",
    success: function(result) {
        //check here if you have a result, if yes than...
        $("#mypass").val(result.password);
    }
}