Django dice is_ajax è falso su una richiesta JQuery AJAX

Question

Contesto: un'estensione per browser Chrome utilizza JQuery per richiedere una risposta da un'app django remota. Django riconosce che la richiesta viene effettuata tramite AJAX e risponde con "Ciao AJAX!". Sto basando il mio esercizio this great example. Poiché questa richiesta viene eseguita da un'estensione di Chrome, la richiesta viene eseguita su più siti, quindi ho utilizzato il decoratore @CSRF_exempt nella mia vista Django.

Problema: vista mio Django non riconosce la richiesta come una richiesta AJAX, e invece di rispondere Hello AJAX! risponde Hello not AJAX!. vista

mio Django:
(l'URL /xhr_test utilizza la seguente vista)

@csrf_exempt 
def check_login_extension(request): 
    if request.is_ajax(): 
     message = "Hello AJAX!" 
    else: 
     message = "Hello not AJAX" 
    return HttpResponse(message) 

La mia richiesta JQuery:

function xhrconnect() { 
    $.get("http://localhost:8000/xhr_test", function(data) { 
     document.getElementById('xhrmsg').innerHTML = (data); 
    }); 
} 

Answer 1

Passando attraverso la fonte jQuery, sembra che $.ajax() (e quindi $.get(), $.post(), ecc.) Sarà automaticamente imposta l'opzione crossDomain su true se rileva che stai effettuando una richiesta interdominio, che sei (relevant code here). E nella richiesta AJAX effettiva, jQuery non imposterà l'intestazione HTTP_X_REQUESTED_WITH di cui Django ha bisogno per is_ajax() se è impostato crossDomain (relevant code here).

Penso che il modo più semplice per risolvere questo problema è quello di impostare in modo esplicito crossDomain-false:

function xhrconnect() { 
    $.ajax({ 
     url: "http://localhost:8000/xhr_test", 
     success: function(data) { 
      document.getElementById('xhrmsg').innerHTML = (data); 
     }, 
     crossDomain: false 
    }); 
} 

Se questo non dovesse funzionare, si potrebbe provare a utilizzare un AJAX prefilter function per impostare manualmente la HTTP_X_REQUESTED_WITH intestazione in merito alla richiesta.

Answer 2

Si potrebbe anche voler dare un'occhiata a this page. Poiché Django offre una certa protezione contro le falsificazioni di richieste tra siti (CSRF), richiede alcune impostazioni speciali AJAX. Ho incluso l'installazione AJAX di seguito:

$(document).ajaxSend(function(event, xhr, settings) { 
    function getCookie(name) { 
    var cookieValue = null; 
    if (document.cookie && document.cookie != '') { 
     var cookies = document.cookie.split(';'); 
     for (var i = 0; i < cookies.length; i++) { 
     var cookie = jQuery.trim(cookies[i]); 
     // Does this cookie string begin with the name we want? 
     if (cookie.substring(0, name.length + 1) == (name + '=')) { 
      cookieValue = decodeURIComponent(cookie.substring(name.length + 1)); 
      break; 
     } 
     } 
    } 
    return cookieValue; 
    } 
    function sameOrigin(url) { 
    // url could be relative or scheme relative or absolute 
    var host = document.location.host; // host + port 
    var protocol = document.location.protocol; 
    var sr_origin = '//' + host; 
    var origin = protocol + sr_origin; 
    // Allow absolute or scheme relative URLs to same origin 
    return (url == origin || url.slice(0, origin.length + 1) == origin + '/') || 
     (url == sr_origin || url.slice(0, sr_origin.length + 1) == sr_origin + '/') || 
     // or any other URL that isn't scheme relative or absolute i.e relative. 
     !(/^(\/\/|http:|https:).*/.test(url)); 
    } 
    function safeMethod(method) { 
    return (/^(GET|HEAD|OPTIONS|TRACE)$/.test(method)); 
    } 

    if (!safeMethod(settings.type) && sameOrigin(settings.url)) { 
    xhr.setRequestHeader("X-CSRFToken", getCookie('csrftoken')); 
    } 
});