dongliang2005
2017-04-17 13:42
浏览 60
已采纳

简单的Ajax自动完成示例,无法使用PHP

I saw a video on youtube that did exactly what I try here. I cannot get it to work. This is what I am using: https://www.devbridge.com/sourcery/components/jquery-autocomplete/

I have put all the files under the project folders directly and tried this:

<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>

and search.php is

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

Simple as it gets, but can't seem to work. I really tried to make this work, if someone could take a look. The styling is correct, the functionality isn't where. Im typing in words starting whit "Un.." and nothing happens.

图片转代码服务由CSDN问答提供 功能建议

我在youtube上看到了一个完全按照我在这里尝试的视频。 我无法让它发挥作用。 这就是我正在使用的: https://www.devbridge.com/ sourcery / components / jquery-autocomplete /

我已将所有文件直接放在项目文件夹下并尝试过:

 <  code>&lt; html&gt; 
&lt; head&gt; 
&lt; script src =“jquery-3.2.1.js”&gt;&lt; / script&gt; 
&lt; script src =“jquery.autocomplete.min.js”&gt;  &lt; / script&gt; 
&lt; link rel =“stylesheet”type =“text / css”href =“styles.css”&gt; 
&lt; / head&gt; 
&lt; body&gt; 
&lt; h1&gt;自动完成输入&lt; /  h1&gt; 
&lt; input type =“text”id =“autocomplete”/&gt; 
 
&lt; script&gt; 
 $('#autocomplete')。autocomplete({
 serviceUrl:'/ search.php'\  n}); 
&lt; / script&gt; 
&lt; / body&gt; 
&lt; / html&gt; 
   
 
 

并且search.php是 <前> &lt;?php echo json_encode( array( 'adtions'=&gt; array( '阿拉伯联合酋长国', '英国', '美国 “ ) ) ); ?&gt;

简单,但似乎无法正常工作。 如果有人可以看一下,我真的试图做这项工作。 样式是正确的,功能不在哪里。 我输入以“Un ..”开头的单词,没有任何反应。

  • 写回答
  • 好问题 提建议
  • 追加酬金
  • 关注问题
  • 邀请回答

1条回答 默认 最新

相关推荐 更多相似问题