Django 脚本不使用 jQuery 刷新 html 页面

Question

我创建了一个 django 应用程序，它使我能够收集数据（使用表单）并将其显示在表格中。 在表中，我有一个按钮“编辑”，它让我可以使用 jQuery 编辑填充的值。 为此，我使用包含 html 属性创建了一个表，如下所示：

 <table class="table table-sm" id="myTable" style="width:100%">
      <thead>
        <tr>
          <th>Codice Commessa</th>
          <th>Ragione Sociale/Nome e Cognome</th>
          <th></th>
        </tr>
      </thead>
      <tbody>
           {% include 'commesse/includes/partial_book_list.html' %}
      </tbody>
    <tfoot>
    </tfoot>
    </table>

partial_book_list.html 具有以下代码：

{% for commessa in commesse %}
<tr>
    <td>{{commessa.codice_commessa}}</td>
    <td>{{commessa.nome_cliente}}</td>
    <td>
            <button type="button"
                 class="btn btn-warning btn-sm js-update-book"
                 data-url="{% url 'book_update' commessa.id %}">
                <span class="glyphicon glyphicon-pencil"></span> Edit
            </button>
    </td>
</tr>
{% endfor %}

编辑按钮链接到 ajax 调用，让我可以修改数据。 一切正常，但是当我尝试保存编辑表单而不是刷新the partial_book_list.html时，表中的所有数据都消失了，我必须刷新页面才能再次显示它们。 我的代码中的问题在哪里：

var saveForm = function () {
    var form = $(this);
    $.ajax({
      url: form.attr("action"),
      data: form.serialize(),
      type: form.attr("method"),
      dataType: 'json',
      success: function (data) {
        if (data.form_is_valid) {
          $("#myTable tbody").html(data.html_book_list);
          $("#modal-book").modal("hide");
        }
        else {
          $("#modal-book .modal-content").html(data.html_form);
        }
      }
    });
    return false;
  };
  $("#myTable").on("click", ".js-update-book", loadForm);
  $("#modal-book").on("submit", ".js-book-update-form", saveForm);