Question

I’m making an ajax request to my PHP script which will echo out a certain # of tables ( different each time), that I want to include on my original page when a user clicks the submit_form button. My question is how can i get Jquery to display this table into the table_layout div?

HTML :

<div id="table_layout"> </div>

JQUERY

$( ".submit_form" ).click(function( e ) {


          $.ajax({
          type : 'GET',
          url:  'draw_tables.php',
          dataType : 'html',
          data:  dataString ,
          error : function(XMLHttpRequest, textStatus, errorThrown) {
          alert('error'); },
          success : function(data) { //appendto.('#table_layout')   } 
          });    
          return false; 
          })

PHP (draw_tables.php)

echo '<table>';
echo '<input type="text" name="ID">';
echo '<input type="text" name="CLASS">';
echo '</table>';

Answer 1

For example you could make an ajax request and fill the div with it

 $.get("draw_tables.php", function(data) {
 $("#table_layout").html(data);
 });

This will fill your table_layout id with the data from the ajax request.