带有ajax的Django搜索字段，显示带有超链接的下拉列表结果

# forms.py
from django import forms

class SearchForm(forms.Form):
    search_field = forms.CharField(label='Search')

# views.py
from django.http import JsonResponse
from django.shortcuts import render
from .forms import SearchForm
from .models import YourModel

def search(request):
    form = SearchForm(request.GET)
    if form.is_valid():
        search_query = form.cleaned_data['search_field']
        results = YourModel.objects.filter(name__icontains=search_query)
        data = [{'name': result.name, 'url': result.get_absolute_url()} for result in results]
        return JsonResponse(data, safe=False)
    else:
        return JsonResponse([], safe=False)

# template.html
<script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>
<script>
    $(document).ready(function() {
        $('#search-field').on('input', function() {
            var searchQuery = $(this).val();
            $.ajax({
                url: '/search/',
                data: {'search_field': searchQuery},
                dataType: 'json',
                success: function(data) {
                    var dropdown = $('#search-results');
                    dropdown.empty();
                    if (data.length > 0) {
                        $.each(data, function(index, result) {
                            var link = $('<a>').attr('href', result.url).text(result.name);
                            var listItem = $('<li>').append(link);
                            dropdown.append(listItem);
                        });
                    } else {
                        dropdown.append($('<li>').text('No results found'));
                    }
                }
            });
        });
    });
</script>

<input type="text" id="search-field">
<ul id="search-results"></ul>