Jquery ajax请求echo html数据

Question

我正在向我的PHP脚本发出ajax请求，该脚本将回显出某些表（每次不同），当用户单击submit_form按钮时，我希望将其包含在原始页面上。我的问题是如何让Jquery将此表显示在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

例如，你可以发一个ajax请求并用它填充div

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

这将使用ajax请求中的数据填充您的table_layout ID。

Answer 2

$('#table_layout').append(data);

Answer 3

在成功回调中你应该添加：

$('#table_layout').append(data);