在div中显示ajax检索的HTML

时间:2015-12-06 10:29:22

标签: javascript php jquery html ajax

我希望使用ajax在Web应用程序中检索表数据我正在构建如何遇到一些问题

ajax和div正常工作然而我正在追逐的是在div里面有html代码显示我正在使用下面的

    <script>
    function webapp_get_customers(){
       $.ajax({
       type: 'GET',
       url: '/limitless/cu.php',
       dataType: 'html'
      }).done(function( data ) {
      $('#webapp_get_customers').html(data);
      });
    }   
    </script>       


    <div id='webapp_get_customers'>the data on cu.php is displayed here</div>   

使用上面的代码在浏览器中查看源代码时它没有在cu.php上显示html表我希望在浏览器中浏览源代码时得到以下内容

<div id='webapp_get_customers'>
 <table>
  <tr><td>some data inside the cu.php page</td></tr>
 </table>
</div>  

1 个答案:

答案 0 :(得分:1)

您应该在代码中调用您的函数webapp_get_customers

例如:

<script>
    function webapp_get_customers(){
       $.ajax({
       type: 'GET',
       url: '/limitless/cu.php',
       dataType: 'html'
      }).done(function( data ) {
      $('#webapp_get_customers').html(data);
      });
    }   
    webapp_get_customers();
    </script>       


    <div id='webapp_get_customers'>the data on cu.php is displayed here</div>