Javascript 简单的Ajax自动完成示例，can'；我无法使用PHP_Javascript_Php_Jquery_Ajax_Autocomplete

Javascript 简单的Ajax自动完成示例，can'；我无法使用PHP

javascript php jquery ajax autocomplete

Javascript 简单的Ajax自动完成示例，can'；我无法使用PHP,javascript,php,jquery,ajax,autocomplete,Javascript,Php,Jquery,Ajax,Autocomplete,我在youtube上看到了一个视频，它正是我在这里尝试的。我不能让它工作。这就是我正在使用的：我已将所有文件直接放在项目文件夹下，并尝试了以下操作： <html> <head> <script src="jquery-3.2.1.js"></script> <script src="jquery.autocomplete.min.js"></script> <link rel="stylesheet" type="

我在youtube上看到了一个视频，它正是我在这里尝试的。我不能让它工作。这就是我正在使用的：

我已将所有文件直接放在项目文件夹下，并尝试了以下操作：

<html>
<head>
<script src="jquery-3.2.1.js"></script>
<script src="jquery.autocomplete.min.js"></script>
<link rel="stylesheet" type="text/css" href="styles.css">
</head>
<body>
<h1>Autocomplete Input</h1>
<input type="text" id="autocomplete"/>

<script>
$('#autocomplete').autocomplete({
    serviceUrl: '/search.php'
});
</script>
</body>
</html>


自动完成输入
$（“#自动完成”）。自动完成({
serviceUrl:“/search.php”
});

而search.php是

<?php
echo json_encode(
    array(
        'suggestions' => array(
            'United Arab Emirates',
            'United Kingdom',
            'United States'
        )
    )
);
?>

虽然很简单，但似乎不起作用。如果有人能看一下的话，我真的试着让这件事成功。样式正确，功能不正确。我输入以“Un.”开头的单词，但什么也没发生。

从您链接的网页：

响应需要是JSON。如果您自己回显它，则需要将其作为有效对象写入（注意

和

）：

最好让PHP处理JSON格式：

echo json_encode(
    array(
        'suggestions' => array(
            'United Arab Emirates',
            'United Kingdom',
            'United States'
        )
    )
);

具体来说，什么不起作用？您发现任何错误吗？

serviceUrl:“/search.php”

看起来不正确。您需要一个

源代码和一些东西来加载PHP文件（AJAX、GET等）。在PHP中使用json_encode（）来生成json-不要自己格式化PHP，必须返回json数据回显数组不会这样做，这是无效的json数据。看看链接中关于服务器端必须返回的内容的示例。有趣的故事是：“search.php”应该不带斜杠。哈哈
echo json_encode(
    array(
        'suggestions' => array(
            'United Arab Emirates',
            'United Kingdom',
            'United States'
        )
    )
);