0

プロジェクトで typehead.js を使用しようとしています。mysql データベースからのデータが必要です。しかし、何の提案もありませんでした。私はほとんどすべてを試しました。これが私のコードです：

HTML ファイル:

    <html lang="en">
<head>
  <meta charset="utf-8" />
  <title>jQuery UI Autocomplete - Default functionality</title>
  <link rel="stylesheet" href="http://code.jquery.com/ui/1.10.3/themes/smoothness/jquery-ui.css" />
  <script src="http://code.jquery.com/jquery-1.9.1.js"></script>
  <script src="http://code.jquery.com/ui/1.10.3/jquery-ui.js"></script>
  <script src="js/typeahead.js"></script>
</head>
<body>

<div class="ui-widget">
  <label for="tags">Companies: </label>
  <input id="tags"/>
</div>

 <script>
$('#tags').typeahead({                                
  name: 'tags',                                                          
  prefetch: 'file.json'                                                            
});
</script>
</body>
</html>

ファイル.json

    [ 
{ 
    "value": "Maini Optics",
    "tokens": ["Maini","Optics"]
},
{
    "value": "Prakash Eyewear",
    "tokens": ["Prakash","Eyewear"]
},
{
    "value": "Eternity Lifestyles",
    "tokens": ["Eternity","Lifestyles"]
},
{
    "value": "Aeurole Inspecs",
    "tokens": ["Aeurole","Inspecs"]
},
{
    "value": "Dynamic Eyewear",
    "tokens": ["Dynamic","Eyewear"]
},
{
    "value": "abc",
    "tokens": ["abc"]
},
{
    "value": "Test",
    "tokens": ["Test"]
}
]

助けてください...

4

2 に答える 2

0

PHP (配列内の単一の値、つまり: $values = array('Maini Optics', 'Prakash Eyewear') ):

$typeahead_data = implode("','", $values);

HTML:

<input type="text" name="name" id="name_typeahead" autocomplete="off" />
<button type="submit" class="btn btn-primary"><i class="icon-search icon-white"></i>&nbsp;Search</button>

JS

$("#name_typeahead").typeahead({
    source: ['<?=$typeahead_data;?>'],
    items: 20
});
于 2013-10-16T13:21:21.850 に答える