我正在尝试使用php和jQuery进行自动填充。我正在使用本教程:https://daveismyname.blog/autocomplete-with-php-mysql-and-jquery-ui

我尝试了不同的解决方案,但是无论尝试如何,我都会不断遇到这两个错误。

[错误]无法加载资源:飞行前响应不成功(search.php,第0行)
[错误] XMLHttpRequest无法加载file:///Applications/MAMP/htdocs/autocomplete-master/search.php?term = a。飞行前响应不成功

我想这是从我的请求到我的数据库的,但是我真的不知道我在做什么错。这是我的代码

<?php
define('DB_SERVER', 'localhost');
define('DB_USER', 'root');
define('DB_PASSWORD', 'root');
define('DB_NAME', 'demo');


if (isset($_GET['term'])){
    $return_arr = array();

    try {
        $conn = new PDO("mysql:host=".DB_SERVER.";port=8889;dbname=".DB_NAME, DB_USER, DB_PASSWORD);
        $conn->setAttribute(PDO::ATTR_ERRMODE, PDO::ERRMODE_EXCEPTION);

        $stmt = $conn->prepare('SELECT country FROM countries WHERE country LIKE :term');
        $stmt->execute(array('term' => '%'.$_GET['term'].'%'));

        while($row = $stmt->fetch()) {
            $return_arr[] =  $row['country'];
        }

    } catch(PDOException $e) {
        echo 'ERROR: ' . $e->getMessage();
    }


    /* Toss back results as json encoded array. */
    echo json_encode($return_arr);
}


?>


谢谢你的帮助

最佳答案

您好,谢谢您的回答。
这是带有我的Java代码的html文件,希望它就是您想要的。

<!doctype html>
<html lang="en">
<head>
  <meta charset="utf-8">
  <title>Demo</title>
  <link rel="stylesheet" href="http://ajax.googleapis.com/ajax/libs/jqueryui/1.10.1/themes/base/minified/jquery-ui.min.css" type="text/css" />
</head>
<body>

    <form action='' method='post'>
        <p><label>Country:</label><input type='text' name='country' value='' class='auto'></p>
    </form>

<script type="text/javascript" src="http://code.jquery.com/jquery-1.9.1.min.js"></script>
<script type="text/javascript" src="http://code.jquery.com/ui/1.10.1/jquery-ui.min.js"></script>
<script type="text/javascript">
$(function() {

    //autocomplete
    $(".auto").autocomplete({
        source: "search.php",
        minLength: 1
    });

});
</script>
</body>
</html>


再次感谢你的帮助。
亚瑟。

09-10 06:14
查看更多