通过 jQuery 进行 ajax 调用时出现 403 错误

Question

这是一个 Django 项目，我必须编写一个在线商店。 在我的 html 中，我有一个 ID 为“search”的表单，我在我的 ajax 代码中使用这个 'id' 来搜索并与我创建的日期库进行比较。最后它必须在屏幕上显示我的可能数据像谷歌查找器一样的日期库。我的大问题是 CSRF，在我的控制台中： “发布/搜索/HTTP/1.1”403 2295 我在此页面上看到有人遇到同样的问题，但我不知道失败在哪里。

这是我的 ajax 代码：

$("#search").keyup(function(){

    var cadena = $("#search").val();
    var csrf = $("input[name=csrfmiddlewaretoken]").val();
    var token = $('input[name=""__RequestVerificationToken""]').val();
    if ( cadena.length > 2){
        alert(cadena);

        $.ajax({
            type:"POST",
            url: "http://127.0.0.1:8000/search/",
            data:{'search_text':cadena,
                ''csrfmiddlewaretoken' : csrf},
            success:function(respuesta){
                $('#search-results').html(respuesta);
            }

        });
    }   
});

});

我的模板（html）：

        <td>
            {% csrf_token %}
            <input type="text" id="search" placeholder="Search"/>
            <ul id ="search-results"></ul>
        </td>

我的意见.py：

定义搜索标题（请求）：

if request.method == "POST":
    search_text = request.POST['search_text']
    libros1 = Libros.objects.filter(nombre__contains=search_text)
    print("asda");
else:
    search_text =''
    libros1 = Libros.objects.filter(nombre__contains=search_text)

return render('ajax_search.html',{'libros':libros1})

我的网址：

 url(r'^admin/',include(admin.site.urls)),
 url(r'^$', 'views.home'),
 url(r'^(search)/', 'views.search_title'),
 url(r'^(libros)/', 'views.libros'),
 url(r'^(carrito)/', 'views.carrito')

在我的控制台中：

warnings.warn("模板中使用了{% csrf_token %}，但上下文没有提供值。这通常是由于没有使用RequestContext造成的。")

Answer 1

Luca 的回答应该可以解决您的问题。我想分享一下我通常如何实现 AJAX POST 请求。我在模板（html）文件中编写 jQuery 代码。

我知道这不是最佳做法，但这样做可以让我

• 使用{% url %}标签而不是在js文件中硬编码url。

• 使用 {{ csrf_token }} 而不是从 隐藏的输入字段。

通常，我的 base.html 文件中有一个名为 extrajs 的块（我在每个模板上扩展的那个）。

现在每当我需要包含 AJAX 功能时，我就是这样做的

{% block extrajs %}
<script>
...
$.ajax({
...
url:'{% url "app_name.views.func_name" %}',
data:{ ... ,'csrfmiddlewaretoken':'{{ csrf_token }}', ... },
...
});

</script>
{% endblock %}

Answer 2

我的建议是您应该确保 csrf 令牌关键字与处理它的中间件内联（在您的 ajax 中它是 csrtoken）。在我的 django 应用程序中，令牌称为 csrfmiddlewaretoken。

ajax 发布请求应如下所示：

        $.ajax({
        type:"POST",
        url: "http://127.0.0.1:8000/search/",
        data:{'search_text':cadena,
            'csrfmiddlewaretoken' : csrf},
        success:function(respuesta){
            $('#search-results').html(respuesta);
        }