如何重新加載頁面上的元素在JS

Question

大家好我有一個AJAX查詢，如下圖所示：

function buttonCallback(obj){ 

     var id = $(obj).attr('id'); 

     $.ajax({ 
      type: "POST", 
      url: "/project/main/passid", 
      data: { 'id': id }, 
      success: function(msg){ 
       $("#reloadtable").html("result reloaded successfully"); //? reload? 
      } 
     }); 
    } 

查詢運行成功 - 我希望重裝我在HTML後創建的表查詢運行 - 我花了一些代碼從另一個職位，但它似乎並沒有跑 - 我的表身標籤：

<tbody class = "tablereload"> 

我是全新的，以JS所以我很抱歉，如果這個問題是愚蠢的或不正確的 - 但我希望在查詢運行後重新加載表格的主體 - 這可能嗎？或刷新整個頁面 - 不重定向？

Answer 1

頁/project/main/passid應該像（呼應，如果它是PHP頁面）

<tr> 
    <td>.....</td> 
</tr> 

和變化返回HTML給你的Ajax調用：

function buttonCallback(obj){ 

    var id = $(obj).attr('id'); 

    $.ajax({ 
     type: "POST", 
     url: "/project/main/passid", 
     data: { 'id': id }, 
     success: function(msg){ 
      $(".tablereload").html(msg); //? reload? 
     } 
    }); 
} 

Answer 2

你擁有了一個ID選擇，並在html你有一堂課。

你可以把ID爲TBODY

<tbody id = "tablereload"> 

或更改腳本

$(".reloadtable").html("result reloaded successfully");