Django 프레임워크에서 ajax post 메소드를 사용하는 방법(그래픽 튜토리얼)

Django는 Python으로 작성된 오픈 소스 웹 애플리케이션 프레임워크입니다. 이 기사에서는 Django 프레임워크가 ajax post 메소드를 사용하는 방법을 소개합니다. 관심 있는 친구여, 와서 함께 배워보세요.

Django는 다음 언어로 작성된 오픈 소스 웹 애플리케이션 프레임워크입니다. 파이썬. MVC 소프트웨어 디자인 패턴, 즉 모델 M, 뷰 V 및 컨트롤러 C가 채택되었습니다. 원래 Lawrence Publishing Group의 일부 뉴스 콘텐츠 기반 웹사이트, 즉 CMS(Content Management System) 소프트웨어를 관리하기 위해 개발되었습니다. 그리고 2005년 7월 BSD 라이선스로 출시되었습니다. 이 프레임은 벨기에 집시 재즈 기타리스트 Django Reinhardt의 이름을 따서 명명되었습니다.

오늘 jQuery의 ajax를 호출하려고 할 때 문제를 발견했습니다. 즉, GET 메서드를 사용하면 서버가 정상적으로 반환되지만 POST 메서드를 사용하면 서버가 정상적으로 반환되지 않습니다. 나중에 양식 기반 POST 메서드 테스트도 작동하지 않았습니다. POST가 HTTP 403 오류를 보고하는 한! 매우 이상합니다. . .​

인터넷에서 많은 정보를 검색한 결과 Django의 Cross Site Request Forgery 보호 메커니즘에 문제가 있는 것으로 밝혀졌습니다. 이 메커니즘은 CSRF 공격으로부터 보호하기 위한 것입니다. crsf 공격이란 무엇입니까? Taolin 블로그에는 비교적 간단한 설명이 있습니다. 해결 방법 Django 공식 홈페이지 http://docs.djangoproject.com/en/dev/ref/contrib/csrf/를 제공하고 있으며, 안내에 따라 수정 후 원활하게 ajax를 게시할 수 있습니다.

구체적인 방법은 먼저 폼의 POST를 해결하는 것입니다. settings.py 파일에서 MIDDLEWARE_CLASSES를 찾아 미들웨어를 추가합니다: 'django.middleware.csrf.CsrfViewMiddleware'. 수정된 코드는 다음과 같습니다.

Python code

MIDDLEWARE_CLASSES = ( 
 'django.middleware.common.CommonMiddleware', 
 'django.contrib.sessions.middleware.SessionMiddleware', 
 'django.middleware.csrf.CsrfViewMiddleware', 
 'django.contrib.auth.middleware.AuthenticationMiddleware', 
 'django.contrib.messages.middleware.MessageMiddleware', 
 'django.middleware.csrf.CsrfResponseMiddleware', #加入这个中间件 
)

이 수정 후에는 양식 메소드를 해결할 수 있습니다. POST에서 HTTP 403 문제를 제출했습니다. 이런 방식으로 ajax의 Post 제출을 변경하는 것만으로는 충분하지 않습니다. 또한 각 제출마다 쿠키 처리 프로세스를 연결해야 합니다. 즉, 제출할 때마다 이 프로세스가 트리거되고 csrf 토큰이 제출된 http 헤더에 추가됩니다. 다행스럽게도 jQuery를 사용하여 ajax를 처리하는 경우 Django는 문제를 해결하기 위해 코드 조각을 직접 보냅니다. 별도의 js 파일에 넣어서 html 페이지에 소개합니다. jquery js 파일을 가져온 후에 이 js 파일을 가져와야 합니다. 다음과 같이 코드를 직접 복사했습니다.

Js code

$('html').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 + &#39;=&#39;)) { 
     cookieValue = decodeURIComponent(cookie.substring(name.length + 1)); 
     break; 
    } 
   } 
  } 
  return cookieValue; 
 } 
 if (!(/^http:.*/.test(settings.url) || /^https:.*/.test(settings.url))) { 
  // Only send the token to relative URLs i.e. locally. 
  xhr.setRequestHeader("X-CSRFToken", getCookie(&#39;csrftoken&#39;)); 
 } 
});

이런 고민 끝에 마침내 ajax를 사용하여 Django와 정상적으로 통신할 수 있게 되었습니다.

Usage of ajax in Django

프런트엔드 ajax 코드는 다음과 같습니다.

$.ajax({
 type:'GET',
 url:'/store/ds_mgmt_wx/ajax_handle',
 dataType:'html',
 success:function(data)
  {
   alert(data);
  },
 error:function(data)
 {
  alert(data); 
 }
});

백엔드의 해당 코드 반환 방법은 다음과 같습니다.

if act_job == 'ajax_handle':
  return HttpResponse('ajax_handle')

위는 제가 모두를 위해 컴파일한 것입니다. 앞으로 모든 사람에게 도움이 되기를 바랍니다.

관련 기사:

Django의 Ajax 포스트 복합 객체 획득 방법(그래픽 튜토리얼)

Ajax를 사용하여 Razor 페이지 부분 업데이트(그래픽 튜토리얼)

Ajax에서 응답을 통해 백그라운드에서 데이터 전달 정보 질문(코드, 상세 분석 포함)

위 내용은 Django 프레임워크에서 ajax post 메소드를 사용하는 방법(그래픽 튜토리얼)의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!