0

请帮助我使用 Bootstrap typeahead 解决此错误。

这是我用来调用源代码的 php 代码。

    function getUser() {

    $sth = mysql_query("SELECT id,contact FROM cinfo ORDER BY id ASC");
    $rows = array();
    while ($r = mysql_fetch_assoc($sth)) {
        $rows[] = $r;
    }
    print json_encode($rows);
}

这是我的 javascript 文件

更新 2 JS

        $('.user').typeahead({
    source : function(typeahead, query) {
        return $.post('/ticket/getUser', {
            query : query,
        }, function(data) {
            return typeahead.process(data);
        })
    },
    property : 'contact'
}); 

我得到以下错误现在产生https://gist.github.com/1866577#gistcomment-263183

我正在使用以下引导预输入脚本https://gist.github.com/1866577

谢谢你。

4

2 回答 2

1

contact你不想显示cinfo,因为cinfo是表名

$('.user').typeahead({
 source: '/ticket/getUser',
display:'contact',
id: 'id'
});

更新:

看起来你想使用 'property' 选项:

$('.user').typeahead({
 source: '/ticket/getUser',
property:'contact'
});

更新2:

我认为您需要先处理返回数据。尝试这个:

$('.user').typeahead({
    source: function (typeahead, query) 
    {
        return $.post('/ticket/getUser', { query: query }, function (data) 
        {
            return typeahead.process(data);
        });
    },
    property:'contact'
});
于 2012-07-05T14:20:45.877 回答
1

冒着自吹自擂的风险,如果你在让 Gist 工作时遇到问题,你可以尝试我的完整的 typeahead 扩展,它具有你正在寻找的功能,并得到文档和演示的支持。

https://github.com/tcrosen/twitter-bootstrap-typeahead

于 2012-07-05T14:40:19.440 回答