如何使用Django正确执行此Ajax请求？

我用一个表格创建了一个页面，该页面包含一个名为EmployeeWorkAreaLog的模型中的几个字段，第一个字段是一个人输入其Employee＃的位置，该字段与一个名为Salesman的独立模型绑定，该模型具有用于验证的所有主要数据。我创建了此函数get_employee_name（），该函数根据另一个模型的Employee＃返回名称，但是我不确定如何在页面上显示该名称，而在人员选项卡/单击后不刷新就不会刷新进入表格的下一个字段？

我对html不太熟悉，但是我正在阅读ajax请求就可以解决问题，但是我不确定如何解决这个问题。在下面，您可以看到我的尝试，但是我不确定如何处理成功或如何正确地将其插入html。

基本上是这样，此人在继续填写其余人员之前就知道他们输入的员工编号与他们的姓名匹配。

views.py

class EnterExitArea(CreateView):
    model = EmployeeWorkAreaLog
    template_name = "operations/enter_exit_area.html"
    form_class = WarehouseForm

    def form_valid(self, form):
        emp_num = form.cleaned_data['adp_number']
        area = form.cleaned_data['work_area']
        station = form.cleaned_data['station_number']

        if 'enter_area' in self.request.POST:
            form.save()
            return HttpResponseRedirect(self.request.path_info)

        elif 'leave_area' in self.request.POST:
            form.save()
            EmployeeWorkAreaLog.objects.filter(adp_number=emp_num).update(time_out=datetime.now())
            return HttpResponseRedirect(self.request.path_info)


def get_employee_name(request):
    adp_number = request.GET.get('adp_number')
    employee = Salesman.objects.get(adp_number=adp_number)
    employee_name = employee.slsmn_name
    return employee_name

models.py

class EmployeeWorkAreaLog(TimeStampedModel, SoftDeleteModel, models.Model):
    adp_number = models.ForeignKey(Salesman, on_delete=models.SET_NULL, help_text="Employee #", null=True, blank=False)
    work_area = models.ForeignKey(WorkArea, on_delete=models.SET_NULL, null=True, blank=False, help_text="Work Area", related_name="work_area")
    station_number = models.ForeignKey(StationNumber, on_delete=models.SET_NULL, null=True, help_text="Station", related_name="stations", blank=True)
    time_in = models.DateTimeField(help_text="Time in", null=True, blank=True)
    time_out = models.DateTimeField(blank=True, help_text="Time out", null=True)

    def __str__(self):
        return self.adp_number

表格

class WarehouseForm(AppsModelForm):
    class Meta:
        model = EmployeeWorkAreaLog
        widgets = {
            'adp_number': ForeignKeyRawIdWidget(EmployeeWorkAreaLog._meta.get_field('adp_number').remote_field, site),
        }
        fields = ('adp_number', 'work_area', 'station_number')

    def __str__(self):
        return self.adp_number

urls.py

urlpatterns = [
    url(r'enter-exit-area/$', EnterExitArea.as_view(), name='enter_exit_area'),
    path('ajax/get-employee-name', views.get_employee_name, name='ajax_get_employee_name'),
]

enter_exit_area.html

{% extends "base.html" %}

{% block main %}
    <form id="warehouseForm" action="" method="POST" get-employee-name-url="{% url 'operations:ajax_get_employee_name' %} novalidate >
        {% csrf_token %}

        <div>
            <div>
                {{ form.adp_number.help_text }}
                {{ form.adp_number }}
            </div>
            <div>
                {{ form.work_area.help_text }}
                {{ form.work_area }}
            </div>
            <div>
                {{ form.station_number.help_text }}
                {{ form.station_number }}
            </div>
        </div>

        <div>
            <div>
                <button type="submit" name="enter_area" value="Enter">Enter Area</button>
                <button type="submit" name="leave_area" value="Leave">Leave Area</button>
            </div>
        </div>
    </form>

    <script>
        $("#id_adp_number").change(function () {
            var url = $("#warehouseForm").attr("get-employee-name-url");
            var adp_num = $(this).val();

            $.ajax({
                url: url,
                data: {
                    'adp_number': adp_num
                },
                success: function (response) {

                }
            });
        });
    </script>

{% endblock main %}

以下是存储所有原始数据的模型的一部分。alldata / models.py

class Salesman(models.Model):
    slsmn_name = models.CharField(max_length=25)
    adp_number = models.IntegerField()