AJAX-PHP-MySQLで生成されたテーブルの動的Divタグの作成

データベースのクエリを簡単にするために、ez sqlを使用することをお勧めします： http://justinvincent.com/ezsql

また、jquery： http://jquery.com/

そして、jqueryでajax呼び出しを実行する方法を示すチュートリアルがあります： http://net.tutsplus.com/tutorials/javascript-ajax/5-ways-to-make-ajax-calls-with-jquery/

コードから、$_GET変数を使用してデータベースにクエリを実行しようとしていることがわかります。また、検索フィールドの名前は「q」であると想定しています。そして、javascriptを使用して動的に結果を表示します。

HTML：

<input type="text" id="q" name="q"/>
<div id="your_div"></div><!--this is where your html table will be loaded dynamically as you type a value on the textbox-->

JavaScript：

<script src="jquery.js"></script>
<script>
$(function(){
  $('#q').keyup(function(){
     var query = $.trim($(this).val());
     $('#your_div').load('phpfile.php', {'q' : query});
  });
});
</script>

PHP：

 //database configuration here

$q = mysql_real_escape_string($_POST['q']);

//html table here