從按鍵數據庫中提取數據並添加（如果不存在）

Question

我使用Joomla CMS和PHP作爲編程語言。我有一種情況，其中必須在文本框中輸入俱樂部名稱。現在，如果俱樂部名稱存在，它應顯示在下面，如果名稱不存在，則單擊保存按鈕時應將該名稱添加到數據庫中。

就像谷歌。如果我寫B，所有以B開頭的名字都應該出現，如果我寫BA，那麼所有的名字都應該顯示出來.....我猜這可以通過只使用AJAX來完成，如果我沒有錯，但我不知道AJAX 。我找不到任何可以幫助我獲得解決方案的教程。

任何人都可以請幫助我或建議我與他們的經驗，我應該如何着手解決這個問題？

感謝很多提前

Answer 1

你需要的是一個自動完成插件：

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

有在網絡上大量的解決方案:)

Answer 2

你可以做類似的事情於：

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>