Как динамически обновлять html-таблицу в django

как динамически обновлять содержимое поиска в колонке hostname в HTML-таблице. необходимо каждый раз обновлять содержимое поиска и соответственно увеличивать номер строки на основе количества имен хостов, введенных пользователем.

это мой index.html

{% extends 'base.html' %}
    
    
    
    {% block title %} IP Finder {% endblock %}
    
    
    {% block body %}

<body>
<div>

        {% csrf_token %}

        <div class="form-group">

            <label>

                <input type="text" class="form-control" name="search" placeholder="Enter website" autocomplete="off">
            </label>

        <input type="submit" class="btn btn-primary" value="Search">
</div>

<div>
<div id="section2">
<center>
<table class = "a">
  <tr>
    <th>ID</th>
    <th>Hostname</th>
    <th>IP Address(IPv4)</th>
    <th>IP Address(IPv6)</th>
    <th>Port 1</th>
    <th>Port 2</th>
  </tr>
  <tr>
    <td>1</td>
    <td>{{ hostname }}</td>
    <td>{{ ipv4 }}</td>
    <td>{{ ipv6 }}</td>
    <td>{{ port1 }}</td>
    <td></td>
  </tr>

вот мой views.py

from django.shortcuts import render
import dns
import dns.resolver
import socket
import sys


def index(request):
    if request.method == 'POST':

        search = request.POST.get('search')
        # search = 'www.google.com'
        # search = "'" + search + "'"
        ip_address = dns.resolver.Resolver()
        IPv4 = ip_address.resolve(search, 'A').rrset[0].to_text()
        IPv6 = ip_address.resolve(search, 'AAAA').rrset[0].to_text()
        return render(request, 'index.html', {"ipv4": IPv4, "ipv6": IPv6, "hostname": search})

Вам нужно либо 1) Реализовать Ajax 2) Либо предварительно загрузить все данные таблицы и затем использовать Datatables.net [0] для реализации динамического поиска.

[0] https://datatables.net/

Вернуться на верх