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应该返回html（如果它是php页面则回显它）

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

改变你的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中你有一个tbody类。

您可以为身体添加ID

 <tbody id = "tablereload">

或更改脚本

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

如何在JS中重新加载页面上的元素

2 个答案: