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.

  • 写回答

1条回答 默认 最新

  • dougao1106 2017-04-17 13:48
    关注

    From the webpage you linked: https://www.devbridge.com/sourcery/components/jquery-autocomplete/#jquery-autocomplete-response-format

    The response needs to be JSON. If you're echo'ing it yourself, you need to write it as a valid object (note the { and }):

    echo '{ "suggestions": ["United Arab Emirates", "United Kingdom", "United States"] }';
    

    Better would be to let PHP handle the JSON formatting:

    echo json_encode(
        array(
            'suggestions' => array(
                'United Arab Emirates',
                'United Kingdom',
                'United States'
            )
        )
    );
    
    本回答被题主选为最佳回答 , 对您是否有帮助呢?
    评论

报告相同问题?

悬赏问题

  • ¥15 seatunnel-web使用SQL组件时候后台报错,无法找到表格
  • ¥15 fpga自动售货机数码管(相关搜索:数字时钟)
  • ¥15 用前端向数据库插入数据,通过debug发现数据能走到后端,但是放行之后就会提示错误
  • ¥30 3天&7天&&15天&销量如何统计同一行
  • ¥30 帮我写一段可以读取LD2450数据并计算距离的Arduino代码
  • ¥15 飞机曲面部件如机翼,壁板等具体的孔位模型
  • ¥15 vs2019中数据导出问题
  • ¥20 云服务Linux系统TCP-MSS值修改?
  • ¥20 关于#单片机#的问题:项目:使用模拟iic与ov2640通讯环境:F407问题:读取的ID号总是0xff,自己调了调发现在读从机数据时,SDA线上并未有信号变化(语言-c语言)
  • ¥20 怎么在stm32门禁成品上增加查询记录功能