Javascript 加载<；t车身>；使用ajax而不加载整个表

我有一张这样的桌子

<table>
<thead>
      <tr>
           <td>col_1</td><td>col_2</td><td>col_3</td>
      </tr>
</thead>

<tbody id="content">
      <tr>
           <td>cell_1_1</td><td>cell_1_2</td><td>cell_1_3</td>
      </tr>
</tbody>
</table>
<button id="ref" value="Refresh" />

echo ' <tr>
           <td>cell_1_1</td><td>cell_1_2</td><td>cell_1_3</td>
       </tr>';

php文件是这样的

<table>
<thead>
      <tr>
           <td>col_1</td><td>col_2</td><td>col_3</td>
      </tr>
</thead>

<tbody id="content">
      <tr>
           <td>cell_1_1</td><td>cell_1_2</td><td>cell_1_3</td>
      </tr>
</tbody>
</table>
<button id="ref" value="Refresh" />

echo ' <tr>
           <td>cell_1_1</td><td>cell_1_2</td><td>cell_1_3</td>
       </tr>';

echo'
单元1\u 1单元2单元1\u 3
';

但当我加载它时，加载的数据会丢失它们作为表“tr”和“td”的样式。 我知道它出了什么问题，当我把它作为一个完整的“表”加载时，它就工作了。

---

但是，有没有办法单独加载

我强烈建议使用

$.ajax

，因为它更易于定制：

$("ref").click(function(){
    $.ajax({
        url:'ajax.php', // URL of where AJAX should POST the data
        type: 'POST', // Send a POST to server
        data: {'id': 3243}, // Data to be POSTED to server. In PHP use echo $_POST['id']; to see what the AJAX passed in
        dataType: 'HTML', // Expected data from server
        success: function(data){
            console.log(data); // <-- view what the server sent back to AJAX
            // OR
            alert(data);  // <-- view what the server sent back to AJAX

            $("#content").html(data);
        }
    });
});

因为如果是，那么您需要在

$（“#content”）.html（数据）之后重复它如下所示：

$("#content").html(data);
$('table tbody tr td').css({'padding':'10px'});

这是因为
.css（）
在内联级别设置元素的样式，因此当您刷新HTML（）时，这些
的元素将丢失其样式。您应该在CSS文件中声明样式，以确保刷新时样式不会丢失。
您所说的
将样式丢失为表trs和tds是什么意思？到底是什么问题？我的意思是这些只是文本，而不是表格的单元格。就像我不使用任何和一样。服务器是否可能返回html编码的数据？你能检查一下原始响应吗？检查一下标签是否关闭不正确你做错了什么，尽管我不完全确定是什么。我一直在加载表的各个部分，从来没有遇到过它们不能正确显示的问题。