twitter Typeahead,我无法获得图像

时间:2018-06-15 00:16:21

标签: javascript jquery typeahead

你好我请使用使用JSON的typeahead Javascript插件,我想获取图像和名称,但我得到未定义

$('input.typeahead').typeahead({
source: function(query, process){
  $.ajax({
    url : "http://localhost/centrix/tasks/getRelatedAccount",
    type : 'POST',
    data : 'query='+query,
    dataType : 'JSON',
    async : true,
    success : function(data){
      return process(data.contact_name);
    }
  });
},
highlighter: function(data){
    html = '<div class="typeahead">';
    html += '<div class="media"><a class="pull-left" href="#"><img class="img-circle img-xs" src='+data.contact_name+' /></a>';
    html += '<div class="media-body">';
    html += '<p class="media-heading">'+data.contact_name+'</p>';
    html += '</div>';
    html += '</div>';
    return html;
  }
});

1 个答案:

答案 0 :(得分:0)

你正在制作一个jQuery AJAX POST请求来获取你的.json(假设端点返回.json数据),为什么不直接使用他们的解决方案?

更不用说您似乎没有按照预期的方式使用该库。

这是他们最基本的例子之一:

https://twitter.github.io/typeahead.js/examples/#the-basics

祝你好运!