Question

我在我的项目中使用了jquery typeahead。

我的第一次打字会显示品牌汽车，结果不会经常改变。

我尝试了两种不同的方式并获得相同的结果，typeahead为空。

我看到我的ajax调用返回数据

[{ “brandId”：1， “品牌”： “极品”}，{ “brandId”：2 “品牌”：“阿尔法罗密欧 “}，{” brandId “：3”，品牌 “：” AMC “}，{” brandId “：4”，品牌 “：” 阿斯顿马丁 “}，{” brandId “：5”，品牌 “：” 奥迪 “}，{” brandId “：6，” 品牌 “：” 阿凡提“}]

    <div class="form-group">
      <label for="brand" class="col-sm-2 control-label">Marque</label>
      <div class="col-sm-10">
        <div class="typeahead-container">
            <div class="typeahead-field">
                <span class="typeahead-query">
                    <input id="brand" name="brand" class="form-control" type="search" placeholder="Entrer la marque" autocomplete="off">
               </span>
           </div>
       </div>
   </div>

    $('#brand').typeahead({
     minLength: 3,
     source: {
      url: {
       type: 'GET',
       url: '/brands'
      }
     }
   });

我也试过这种方式

getAllBrand().done(brandTypeahead);

function getAllBrand(){
  return $.ajax({
    url:'http://localhost:8080/brands',
    type:'GET'
  });
}

function brandTypeahead(data){
 $('#brand').typeahead({
        minLength: 3,
        source: data
 });
}

修改

$('#brand').typeahead({
  minLength: 3,
  source: {
    brand:{
      url: {
        type: 'GET',
        url: '/brands'
      }
    }
  }
});

相同的结果

如果我添加display：“brand”，那就是

typeahead空结果但ajax调用正在运行

0 个答案: