Javascript 使用引导标记put从远程URL加载自动完成数据_Javascript_Jquery_Twitter Bootstrap_Twitter Bootstrap 3_Bootstrap Tags Input

Javascript 使用引导标记put从远程URL加载自动完成数据

javascript jquery twitter-bootstrap twitter-bootstrap-3

Javascript 使用引导标记put从远程URL加载自动完成数据,javascript,jquery,twitter-bootstrap,twitter-bootstrap-3,bootstrap-tags-input,Javascript,Jquery,Twitter Bootstrap,Twitter Bootstrap 3,Bootstrap Tags Input,我想用autocomplete创建一个文本输入，从数据库中填充数据我一直在试图让引导标签投入工作，但没有成功。从静态json文件填充数据工作正常。我的服务器现在返回此结果（无论查询如何，都是常量结果）：当我尝试下面的代码时，处理程序被执行。当我在输入框中键入时，我在服务器的日志中看到GET请求，但是自动完成功能没有显示出来我尝试在get中添加一个额外的函数参数，只是为了在查询结束时弹出一个警报框，但什么也没有发生。我尝试将第二个参数绑定到process，然后调用它来“处理数据”，但显然也没

我想用autocomplete创建一个文本输入，从数据库中填充数据

我一直在试图让引导标签投入工作，但没有成功。从静态json文件填充数据工作正常。我的服务器现在返回此结果（无论查询如何，都是常量结果）：

当我尝试下面的代码时，处理程序被执行。当我在输入框中键入时，我在服务器的日志中看到GET请求，但是自动完成功能没有显示出来

我尝试在

get

中添加一个额外的函数参数，只是为了在查询结束时弹出一个警报框，但什么也没有发生。我尝试将第二个参数绑定到

process

，然后调用它来“处理数据”，但显然也没有用

有什么想法吗

（我使用的是引导标记Input 0.4.2和jquery 2.1.4）


引导标记输入
$（'input'）.tagsinput({
itemValue:'值'
，itemText:'text'
，提前输入：{
来源：函数（查询）{
返回$.getJSON（'http://localhost:3000/transactions/categories/"质疑",；
}
}
，freeInput:false
});

错误发生在其他地方（服务器端），但从普通浏览器生成的是有效的json。失败的是ajax请求

我发布的代码实际上是有效的

对不起，吵闹了。现在已关闭。

应与查询属性

“text”

或

“value”

匹配吗？

[{"text":"Amsterdam","value":0},{"text":"A Coruna","value":1},{"text":"New York","value":2}]

<html>
  <head>
    <title>Bootstrap Tags Input</title>
    <meta name="robots" content="index, follow" />
    <meta http-equiv="content-type" content="text/html; charset=UTF-8" />

    <link rel="stylesheet" href="bootstrap.css">
    <link rel="stylesheet" href="bootstrap-tagsinput.css">
  </head>
  <body>

  <input type="text" value="" data-role="tagsinput" />

  <script src="jquery.min.js"></script>
  <script src="bootstrap.min.js"></script>
  <script src="bootstrap-tagsinput.min.js"></script>
  <script>
  $('input').tagsinput({
    itemValue: 'value'
    , itemText: 'text'
    , typeahead: {
        source: function(query) {
          return $.getJSON('http://localhost:3000/transactions/categories/' + query);
        }
      }
    , freeInput: false
    });
  </script>
  </body>
</html>