1

здесь я попробую typeahead. его работа в JavaScript. если я подключу db, он не работает. PLS узнать, что не так. есть ли альтернативный метод, доступный, чтобы сделать этоМетод базы данных Typeahead не работает

<html> 
<head> 
<link href="css/bootstrap.min.css" rel="stylesheet" type="text/css" /> 
</head> 
<body> 

<div style="margin: 50px 50px"> 
<label for="product_search">Product Search: </label> 
<input id="product_search" type="text" data-provide="typeahead"> 
<label for="product_search">Name Search: </label> 
<input id="namesearch" type="text" data-provide="typeahead"> 
<label for="product_search">Test Search: </label> 
<input id="search" name="search" type="text" data-provide="typeahead"> 
</div> 

<script src="js/jquery-1.9.1.min.js"></script> 
<script src="js/bootstrap-typeahead.js"></script> 

<script> 
$(document).ready(function($) { 
// Workaround for bug in mouse item selection 
$.fn.typeahead.Constructor.prototype.blur = function() { 
var that = this; 
setTimeout(function() { that.hide() }, 250); 
}; 

$('#product_search').typeahead({ 
source: function(query, process) { 
return ["Deluxe Bicycle", "Super Deluxe Trampoline", "Super Duper Scooter"]; 
} 
}); 

$('#search').typeahead({ 
    name: 'search', 
    remote: '/search.php?query=%QUERY' 
}); 

$('#namesearch').typeahead({ 
source: function(query, process) { 
return ["Ravindran", "Aravinthan", "Dakshesh"]; 
} 
}); 


}) 
</script> 

</body> 
</html> 

и мой дб search.php в корневой папке

<?php 
$link = mysql_connect('localhost', 'root', ''); 
if (!$link) 
{ 
    die('Could not connect: ' . mysql_error()); 
} 
if (!mysql_select_db('test')) 
{ 
    exit; 
} 

$text = mysql_real_escape_string($_GET['query']); 

$sql = 'SELECT id,title FROM games WHERE name LIKE "%'. $text . '%" LIMIT 5'; 

$result = mysql_query($sql); 

while ($row = mysql_fetch_assoc($result)) 
{ 
    $posts[] = array($row['id'] => $row['name']); 
} 
echo json_encode($posts); 
mysql_close($link); 
?> 

ответ

1

Вы смешивания кода синтаксис 2-х различных версиях typeahead.

Это один для Bootstrap-Typeahead, который является частью проекта Twitter Bootstrap:

$('#product_search').typeahead({ 
    source: function(query, process) { 
     return ["Deluxe Bicycle", "Super Deluxe Trampoline", "Super Duper Scooter"]; 
    } 
}); 

И это работает, так как вы включили файл bootstrap-typeahead.js в вашем коде.

Другой кодируется typeahead.js, который также пришел из Twitter, но и как самостоятельный проект:

$('#search').typeahead({ 
    name: 'search', 
    remote: '/search.php?query=%QUERY' 
}); 

И, конечно, это не работает, так как вы не включили его в свой проект.

Итак, выберите один из них и перенесите свой код только в эту версию. Лично я бы рекомендовал использовать typeahead.js.

EDIT:

Поскольку вы настолько опытны с этим, я собираюсь помочь вам немного дальше.

Во-первых, вы должны указать typeahead.js в свой код и удалить ссылку на bootstrap-typeahead.js.

Далее в вашем JS раздела, изменить код, чтобы использовать typeahead.js синтаксис:

$(document).ready(function($) { 

    $('#product_search').typeahead({ 
     name: 'products', 
     local: ["Deluxe Bicycle", "Super Deluxe Trampoline", "Super Duper Scooter"] 
    }); 

    $('#namesearch').typeahead({ 
     name: 'name', 
     local: ["Ravindran", "Aravinthan", "Dakshesh"] 
    }); 

    $('#search').typeahead({ 
     name: 'search', 
     remote: '/search.php?query=%QUERY' 
    }); 

}); 

Ваш PHP-код выглядит довольно хорошо, но я хочу добавить:

$posts = array(); 

прямо перед циклом while.

В противном случае, я думаю, с вами все будет в порядке, а остальное будет вашим вызовом (если есть). Помните, что консоль - ваш друг.

Надеюсь, это поможет.

+0

Уважаемый сэр спасибо за ваш ответ. Я включил файл typeahead.js, но не работает. – Ravindr

+0

Как я уже сказал, вам нужно устранить один из них и перенести код на этот синтаксис, чтобы он работал. –

+0

спасибо. сэр. теперь я удаляю файл ссылки и свяжу файл typeahead.js. но не работает. моя потребность читается из базы данных и завершается. могу ли я получить код примера для обработанного файла – Ravindr

Смежные вопросы