{{ Django }} - AJAX in Django

 

Django에서 AJAX 사용하기

 

 

 

 

AJAX를 사용하지 않는 방식과 AJAX 사용과의 차이점

 

 

출처 블로그는 하단에 링크가 있습니다

 

- 왼쪽 방식은 AJAX를 사용하지않는 것으로 Request가 들어오면 url로 href 되어 views.py에서 models.py의모델 내용을 변경하고, 변경사항을 반영하는 템플릿으로 다시 redirect해준다. 이 과정은 새로고침으로 볼 수 있다.

 

- 오른쪽 방식은 AJAX를 사용한 것으로 Button Onclick을 JS로 감지하여 AJAX를 통해 서버와 통신한다. 즉, 위에서는 url을 바로 Django에서 href하는 것과 다르게 AJAX를 통해 통신하는 과정이 추가된다.

 

 

 

AJAX 예시 코드

 

$.ajax({
    url: '127.0.0.1:8000/hello',
    type: 'get', // This is the default though, you don't actually need to always mention it
    success: function(data) {
        alert(data);
    },
    failure: function(data) { 
        alert('Got an error dude');
    }
}); 

 

1. 127.0.0.1:8000/hello로 새 탭을 열고 직접 수행 한 것처럼 해당 URL 로 이동합니다 .
2. 성공하면 (상태 코드 200) 성공을위한 기능을 수행하면 해당 데이터를 alert합니다.
3. 실패하면 error 메세지를 출력한다.

 

 

 

 

관련글

1.wayhome25.github.io/django/2017/06/25/django-ajax-like-button/