Ajax如何无刷新添加 Table表格

Ajax如何无刷新添加 Table表格 的tr 行 我的列表是foreach 里套tr 生成的

解决方案 »

  1.   

    用js做本身就不刷新给table添一个id属性(XXX)，然后用 $("#XXX")取到table然后无论是用html的document。createElement方法还是用jQuery直接频字符串方法，创建要插入的内容然后 用jQuery的append方法插入
      

  2.   

     
       <html><head>
    <script type="text/javascript" src="/jquery/jquery.js"></script>
    <script type="text/javascript">
    $(function(){
        $.post("url",{data:XXX},function(){
             $("table").find("tr:last").append("<tr><td>我是新来的</td><td>我是新来的</td></tr>");
        },"type");
        
    })</script>
    </head><body>
    <table>
      <tr>
         <td>12312</td>
         <td>34567</td>
      </tr>
      <tr>
         <td>12312</td>
         <td>34567</td>
      </tr></table></body></html> 
      

  3.   

    方法很多的，可以
    $('#myTable tr:last').after('<tr>...</tr><tr>...</tr>');