dynamische Div-tags maken voor door AJAX-PHP-MySQL gegenereerde tabel

Ik raad je aan om ez sql te gebruiken om het zoeken in de database te vergemakkelijken:http://justinvincent.com/ezsql

En ook jQuery:http://jquery.com/

En hier is een tutorial die je laat zien hoe je ajax-aanroepen uitvoert in jQuery:http://net.tutsplus.com/tutorials/javascript-ajax/5-ways-to-make-ajax-calls-with-jquery/

Uit uw code kan ik zien dat u de database probeert te doorzoeken met behulp van een $_GET-variabele. En ik neem aan dat de naam van je zoekveld 'q' is. En de resultaten dynamisch weergeven met 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