Функция обновления Django используя модал через ajax используя

Question

Я использую Django 2.1.Я должен обновить элемент в списке в таблице, используя Bootstrap Modal.Но дело в том, что я не могу получить идентификатор элемента в списке и передать его в модал.В результате появляется модал, но он пуст

HTML

                          <tbody>
                        {% for item_type in item_types %}
                          <tr class="odd gradeX">
                            <td><a href="{% url 'update_item_type' id=item_type.id %}">{{ item_type.item_type_name }}</a></td>
                            <td>{{ item_type.item_type_description }}</td>
                            <td>{{ item_type.is_active }}</td>
                            <td>{{ item_type.id }}</td>
                            <!-- <td><a class="btn btn-info btn-sm pull-right" data-url="{% url 'update_item_type' id=item_type.id %}" class="open-modal" data-toggle="modal" data-target="#myEdit">Update</a></td> -->
                            <td><a class="btn btn-info" class="open-modal" data-url="{% url 'update_item_type' id=item_type.id %}">Edit</a></td>
                            <!-- <td><a class="btn btn-info btn-sm pull-right" class="open-modal" data-url="{% url 'update_item_type' id=item_type.id %}" data-toggle="modal" data-target="#myEdit" style="width:100%;">
                                Update
                            </a></td> -->
                            <!-- <td><button class="btn btn-info btn-sm pull-right" class="open-modal" data-url="{% url 'update_item_type' id=item_type.id %}" data-toggle="modal" data-target="#myEdit" style="width:100%;">
                                Update
                            </button></td> -->
                          </tr>
                        {% endfor %}
                      </tbody>

Script

  </div>

  <script>
    var modalDiv = $("#modal-div");

    $(".open-modal").on("click", function(){
      $.ajax({
        type: 'GET',
        url: $(this).attr("data-url"),
        success: function(data){
          modalDiv.html(data);
          $("#myEdit").modal();
        }
      });
    });
  </script>

MODAL

      <div class="modal fade" id="myEdit" role="dialog">
    <div class="modal-dialog">
      <!-- <form  class="well contact-form" method="post" action="{% url 'update_item_type'}"> -->
        <form  class="well contact-form" method="post" action="{% url 'update_item_type' id=item_type.id %}">

        {% csrf_token %}
        <div class="modal-content">
          <div class="modal-header">
            <button type="button" class="close" data-dismiss="modal">&times;</button>
            <h4 class="modal-title">Modal Header</h4>
          </div>
          <div class="modal-body">
            {{ item_type_form|bootstrap }}
          </div>
          <div class="modal-footer">
            <button  type="submit" class="btn btn-default">Valider</button>
            <button  value="" type="button" class="btn btn-default" data-dismiss="modal">Close</button>
          </div>
        </div>
      </form>
    </div>
  </div>

views.py

def update_item_type(request, id=None):
instance = get_object_or_404(ItemType, id=id)
context = {
    'instance': instance
}
return render(request, 'inventory/inventory_maintenance.html', context)