如何动态更新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>
this is my 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)或预加载所有表数据，然后使用datatable.net[0]实现动态搜索
[0] https://datatables.net/