如何在jQuery AJAX中添加新变量并验证第二个下拉字段？

没问题，我来帮你调整这段代码！你完全不需要新增额外的$(document).ready()函数——所有的事件监听都可以放在同一个ready回调里，这样既简洁又高效。下面是具体的修改方案：

关键修改点 #

• 复用同一个事件处理函数，同时监听#id_name_task和#id_category_task的变化
• 在AJAX请求中同时传递两个字段的值给后端
• 后端视图需要接收这两个参数并进行对应的数据库校验

完整代码示例 #

<script src="https://ajax.aspnetcdn.com/ajax/jQuery/jquery-3.3.1.js"></script>
<script type="text/javascript">
$(document).ready(function () {
    // 抽离共用的校验函数，避免重复代码
    function validateTaskFields() {
        // 获取两个字段的当前值
        var name_task = $("#id_name_task").val();
        var category_task = $("#id_category_task").val();

        // 可选：如果两个字段都为空，不发送请求
        if (!name_task && !category_task) {
            return;
        }

        $.ajax({
            type: 'GET',
            async: true,
            dataType: 'json',
            url: '{% url "validate_data" %}',
            data: {
                'name_task': name_task,
                'category_task': category_task // 添加第二个字段参数
            },
            success: function (data) {
                // 根据后端返回的校验结果显示提示
                if (data.name_taken) {
                    alert("A task with this name already exists.");
                }
                if (data.category_combination_taken) {
                    alert("A task with this name and category already exists.");
                }
                // 你可以根据实际需求扩展更多提示逻辑
            },
            error: function() {
                // 可选：添加错误处理，提示用户请求失败
                alert("Failed to validate data. Please try again later.");
            }
        });
    }

    // 给两个字段绑定change事件，触发同一个校验函数
    $("#id_name_task").change(validateTaskFields);
    $("#id_category_task").change(validateTaskFields);
});
</script>

后端视图的调整提示 #

你的validate_data视图需要接收name_task和category_task两个参数，然后查询数据库判断是否存在对应的数据。比如在Django中可以这样处理：

from django.http import JsonResponse
from .models import Task

def validate_data(request):
    name_task = request.GET.get('name_task')
    category_task = request.GET.get('category_task')
    data = {
        'name_taken': False,
        'category_combination_taken': False
    }

    if name_task:
        data['name_taken'] = Task.objects.filter(name_task=name_task).exists()
    if name_task and category_task:
        data['category_combination_taken'] = Task.objects.filter(
            name_task=name_task,
            category_task=category_task
        ).exists()

    return JsonResponse(data)

额外说明 #

• 如果你的需求是仅当分类字段变化时单独校验，可以把分类的change事件单独写一个处理函数，只传递category_task参数即可。
• 建议给提示框添加更具体的文案，让用户清楚知道是哪个字段出现了重复。

内容的提问来源于stack exchange，提问作者Serhii