Django表示,对于JQuery AJAX请求,is_ajax是错误的

上下文: chrome浏览器扩展使用JQuery从远程django应用程序请求响应。 Django认识到请求是通过AJAX发出的,并以“Hello AJAX!”响应。 我的练习基于这个很好的例子 。 因为此请求是通过chrome扩展进行的,所以请求是跨站点进行的,所以我在Django视图中使用了@CSRF_exempt装饰器。

问题:我的Django视图没有将请求识别为AJAX请求,而是响应Hello AJAX! 它响应Hello not AJAX!

我的Django观点:
(url /xhr_test使用以下视图)

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

我的JQuery请求:

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

通过jQuery源代码,看起来$.ajax() (因此$.get()$.post()等)会自动将crossDomain选项设置为true如果它看到你正在进行交叉域请求,您是( 相关代码 )。 在实际的AJAX请求中,如果设置了HTTP_X_REQUESTED_WITH ,jQuery将不会设置Django对is_ajax()所需的HTTP_X_REQUESTED_WITH标头is_ajax() crossDomain为相关代码 )。

我认为解决此问题的最简单方法是将crossDomain明确设置为false

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

如果这不起作用,您可以尝试使用AJAX预过滤function在请求上手动设置HTTP_X_REQUESTED_WITH标头。

您可能还想看一下这个页面 。 因为Django提供了一些防止跨站点请求伪造(CSRF)的保护,所以它需要一些特殊的AJAX设置。 我在下面列出了AJAX设置:

 $(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 ie 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')); } });