Typeahead - 如何正确编码?

时间:2017-02-16 20:19:30

标签: javascript php jquery ajax typeahead.js

对于一个网站,我想通过twitter从fancymatching实现一个提前输入搜索,以从本地数据库中收集信息。第一步,我正在寻找一些我在博客here上找到的简单代码。

我的开发环境是Mac上的本地typeahead.js堆栈。我了解XAMP的所有基础知识,并使用简单AJAX创建了一些优秀的工作内容。我是javascript的新手,只是复制了博客网站上的代码。我加载了最新的jQueryjQuery框架,并在博客网站推荐时实现了它。 typeahead.js已正确启动,但我无法控制是否正确启动了typeahead.js。 jQuery我在这一步遗漏了,假设它与我的测试无关。我只想在PHP中捕获Bootstrap调用。但最后我没有成功。这是基本代码。

Ajax

这是city.php,用于简单地捕获AJAX调用并发送回查询。

<head>
    <meta http-equiv="Content-Language" content="en-us">
    <title>PHP MySQL Typeahead Autocomplete</title>
    <meta charset="utf-8">
        echo '<script type="text/javascript" src="js/jquery-3.1.1.min.js"></script>'; 
        echo '<script type="text/javascript" src="js/typeahead.jquery.min.js"></script>'; 

    <script>
        $(document).ready(function() {

            $('input.city').typeahead({
                name: 'city',
                remote: 'city.php?query=%QUERY'
            });

        })
    </script>
</head>

<body>
    <div class="content">

        <form>
            <h1>Try it yourself</h1>
            <input type="text" name="city" size="30" class="city" placeholder="Please Enter City or ZIP code">
        </form>
    </div>
</body>

</html>

这里应该做的所有代码都显示了typeahead和AJAX的工作原理。但它没有。同时我不知道为什么。 所以我的问题是:

  1. jQuery功能中的远程密钥是否正确设置?

  2. php代码使用$ _REQUEST变量,其他代码引用$ _GET。什么是正确的?

  3. 使用javascript,我可以使用console.log(...)在AJAX回调上轻松登录控制台。如何使用jQuery?

  4. 感谢任何帮助。

0 个答案:

没有答案