Получить данные из базы данных при нажатии клавиш и добавить, если нет

Question

Я использую Joomla CMS и PHP в качестве языка программирования. У меня есть ситуация, когда мне нужно ввести название клуба в текстовое поле. Теперь, если название клуба присутствует, оно должно отображаться ниже, а если имя отсутствует, то при нажатии кнопки сохранения это имя должно быть добавлено в базу данных.

Так же, как Google. Если я напишу B, должны появиться все имена, начинающиеся с B, и если я напишу BA, то должны отобразиться все имена, начинающиеся с BA ..... Я думаю, это можно сделать, используя только AJAX, если я не ошибаюсь, но я не знаю AJAX , Я не мог найти учебник, который может помочь мне найти решение.

Может ли кто-нибудь помочь мне или предложить мне свой опыт, как мне поступить и решить эту проблему?

Заранее большое спасибо

Answer 1

Вы можете сделать что-то похожее на:

HTML:

<input type="text" id="your_id" />
<div id="result"></div>

JQuery:

$('input#your_id').keypress(function() {
    var content = $(this).val();
    $.ajax({
      url: "/functions/loadClubs.php",
      global: false,
      type: "POST",
      data: ({ team : content }),
      dataType: "html",
      async:false,
      success: function(data) {
         $('div#result').html(data);
      }
   });
});

loadClubs.php

<ul>
<?
    $team = mysql_real_escape_string($_POST['team']);
    $result = mysql_query("SELECT * FROM teams WHERE teamName LIKE '%" . $team . "%'");
    while ($row = mysql_fetch_assoc($result)) {
        echo "<li>" . $row['teamName'] . "</li>"
    }
?>
</ul>

Answer 2

Вам нужен плагин автозаполнения:

• http://docs.jquery.com/Plugins/autocomplete
• http://madrobby.github.com/scriptaculous/ajax-autocompleter/

В Интернете есть множество решений:)