使用 jquery 的 ajax 调用中未设置 HTTP_X_REQUESTED_WITH

2024-02-11

我正在使用 Django 开发一个新网站,我遇到了 ajax 请求的问题。我一直在谷歌上搜索并阅读了很多帖子和文章(大多数都解释相同)。

问题: ajax 调用已执行,我在视图中收到了请求,但 request.is_ajax() 返回 false。据我所知, request.is_ajax() 检查 HTTP_X_REQUESTED_WITH 标头的值,但我在请求标头中看不到它,因此我无法在我的视图中检查 is_ajax() 。

HTML 形式:

<form id="search-form" method="get" action="/search/">
    <input type="text" id="search" name="search" placeholder="Search">
    <button id="btn-search" >SEARCH</button>
</form>

JavaScript:

$('#search-form').submit(function(e) {
    e.preventDefault();
    $.ajax({
        url : $('#search-form').attr('action'),
        type:'GET',
        data : {
            'search' : $('#search').val()
        },
        success: function(data, e) {
            alert("SUCCESS")
        },
        error: function(data) {
            alert("ERROR");
        },
    });
})

My view:

def search(request):
    if request.is_ajax():
        print "SOMETHING"
    if request.GET:
        import requests
        url = API_END_POINT + '&name=Bruce+Springsteen'
        response = requests.get(url).json()
        return HttpResponse(json.dumps(response), content_type='application/json')

    return render(request, 'core/search.html')

这是我在 Chrome 网络选项卡中看到的内容:

General
    Remote Address:127.0.0.1:8000
    Request URL:http://localhost:8000/search/?search=Bruce+Springsteen
    Request Method:GET
    Status Code:200 OK
Response Headers
    Content-Type:application/json
    Date:Sat, 06 Jun 2015 10:18:51 GMT
    Server:WSGIServer/0.1 Python/2.7.6
    X-Frame-Options:SAMEORIGIN
Request Headers
    Accept:text/html,application/xhtml+xml,application/xml;q=0.9,image/webp,*/*;q=0.8
    Accept-Encoding:gzip, deflate, sdch
    Accept-Language:es-ES,es;q=0.8,en;q=0.6
    Connection:keep-alive
    Cookie:djdt=hide; messages="73ba7b40cd0a4a7e0812a0350babd2d1dd268820$[[\"__json_message\"\0540\05425\054\"You have signed out.\"]]"; csrftoken=TXImtQ3inUdCCOLUbEvoU9Hc8ddqpUlV
    Host:localhost:8000
    Referer:http://localhost:8000/search/
    User-Agent:Mozilla/5.0 (Macintosh; Intel Mac OS X 10_10_3) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/43.0.2357.81 Safari/537.36
Query String Parameters
    search:Bruce Springsteen

有任何想法吗?我将不胜感激任何建议,因为我在这个(可能是愚蠢的)错误上花了太多时间。

先感谢您。


我要回答我自己的问题。问题出在 jquery .ajax() 方法上。我不知道为什么,但是这个方法没有将 X-Requested-With 设置为 XMLHttpRequest,Django 需要它来检查请求是否是 ajax 请求。我什至尝试使用我之前的评论中指定的方式添加标题(headers: { 'X-Requested-With': 'XMLHttpRequest' } and beforeSend: function(xhr) { xhr.setRequestHeader("X-Requested-With", "XMLHttpRequest"); },)。相反,我使用 .get() 方法,我猜默认情况下设置此标头并且它可以工作。

本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)

使用 jquery 的 ajax 调用中未设置 HTTP_X_REQUESTED_WITH 的相关文章