尝试使其动态时,jQuery AJAX 自动完成功能不起作用

猫鼬00318

如果有硬编码数据输入其中,我的自动完成工作正常。我的 PHP 正在返回一个 JSON 结果。我不确定我哪里出错了。

HTML

<div class="form-group bgcolor">
  <label for="send_to">Direct to: </label><input type="text" name="send_to" id="send_to" class="form-control send_to typeahead" placeholder="Leave blank normally">
</div>

查询

        $('.typeahead').typeahead({
          source: {
              groupName: {
               ajax({
                url: 'scripts/order_messaging.php',
                method: 'POST',
                data: JSON.stringify({action: 'autocomplete_to_user', query:query}),
                contentType: 'application/json',
                dataType: 'json',
                success:function(data)
                {
                 result($.map(data, function(item){
                  return item;
                 }));
                }
              })
            },
         },
         debug: true
        });

PHP

//autocomplete user name for user_to
if ( $_POST['action'] == 'autocomplete_to_user' ) {
    $stmt = $pdo->prepare('select * from login where username like :query');
    $stmt->bindValue('query', '%'.$_POST['query'].'%');
    $stmt->execute();
    $result = array();
    while($user_name = $stmt->fetch(PDO::FETCH_OBJ)) {
        array_push($result, $user_name->username);
    }
    echo json_encode($result);
}

我认为这是我的 jQuery 中的这一行:data: {action: 'autocomplete_to_user', query:query},也许我有语法问题。

猫鼬00318

好吧,经过多次反复试验,我得到了使用 jQuery .autocomplete 的自动完成功能。

我不知道我在 typeahead 上做错了什么,但是文档很难理解(可能是因为我对 jQuery 的经验有限)。

致所有未来需要帮助的人;这是我发现有帮助的教程jquery ui autocomplete tutorial

谢谢大家

本文收集自互联网,转载请注明来源。

如有侵权,请联系 [email protected] 删除。

编辑于
0

我来说两句

0 条评论
登录 后参与评论

相关文章

搜索框中的Ajax / jQuery自动完成功能(Shopify)

jQuery UI自动完成功能在部分视图中不起作用

带Ajax的Codeigniter:成功功能不起作用

设置TextField InputProps时Material-UI自动完成功能不起作用

当输入类型为密码并使其上方的输入字段启用自动完成功能时,autocomplete ='off'不起作用

jQuery自动完成功能不起作用?

我为emacs创建函数时,bash自动完成功能不起作用

jQuery自动完成与Ajax不起作用

$ .ajax错误功能不起作用

自动跳转自动完成功能不起作用

jQuery自动完成功能-悬停时不突出显示项目,箭头不起作用

jQuery自动完成功能不起作用

更新jquery-ui版本后,自动完成功能不起作用

ASP.NET MVC 4中的jQuery UI自动完成功能不起作用

jQuery Ajax在功能中不起作用

在动态元素(骨干)中进行ajax调用后,单击功能不起作用

jQuery-ui自动完成功能仅在特定情况下不起作用

jQuery Ajax拆分功能不起作用

jQuery ajax成功功能在Node.js应用程序中不起作用

知道为什么这个Jquery自动完成功能不起作用吗?

Ajax功能不起作用

使用自定义搜索的ajax jQuery UI自动完成不起作用

使用别名调用xdg-open自动完成功能时不起作用

jquery中的自动完成功能不起作用,但jquery正常运行

AJAX 自动完成功能不起作用

Jquery 不同类型的自动完成功能不起作用

Ajax:功能不起作用

Google 地方信息自动完成功能有时不起作用

AJAX 成功/錯誤功能不起作用