AJAX POST 请求错误 - `Uncaught TypeError: Illegal invocation`答案

【问题标题】：AJAX POST request error - `Uncaught TypeError: Illegal invocation`AJAX POST 请求错误 - `Uncaught TypeError: Illegal invocation`
【发布时间】：2021-04-09 07:55:14
【问题描述】：

如果我尝试这样做，我会收到以下错误： Uncaught TypeError: Illegal invocation

$(document).on('input', '#search-inp', (e) => {
        $.ajax({
            type: 'POST',
            url: '/search/',
            dataType: 'json',
            data: {
                input: $('#search-inp').val(),
                csrfmiddlewaretoken: $('input[name=csrfmiddlewaretoken]'),
            },
            success: function(data) {
                console.log(data);
            }
        });
    });

如果我尝试这样做，我会收到以下错误： 403: Forbidden

$(document).on('input', '#search-inp', (e) => {
        $.ajax({
            type: 'POST',
            url: '/search/',
            dataType: 'json',
            processData: false,
            contentType: false,
            data: {
                input: $('#search-inp').val(),
                csrfmiddlewaretoken: $('input[name=csrfmiddlewaretoken]'),
            },
            success: function(data) {
                console.log(data);
            }
        });
    });

# This is my views.py
def search(request):
    return JsonResponse(data={
        'test': 'test'
    })

可能是什么问题？非常感谢您的帮助。谢谢

【问题讨论】：

尝试在你的ajax代码中添加这样的urlurl : '{% url 'search' %}',

标签： django ajax

【解决方案1】：

很抱歉打扰到大家了。

$(document).on('input', '#search-inp', (e) => {
        $.ajax({
            type: 'POST',
            url: '/search/',
            dataType: 'json',
            data: {
                input: $('#search-inp').val(),
                csrfmiddlewaretoken: $('input[name=csrfmiddlewaretoken]').val(),
            },
            success: function(data) {
                console.log(data);
            }
        });
    });

我已经这样做了：csrfmiddlewaretoken: $('input[name=csrfmiddlewaretoken]')

但应该这样做：csrfmiddlewaretoken: $('input[name=csrfmiddlewaretoken]').val()

【讨论】：