django ajax 예제

Posted by abitou on Αυγ 02, 2019

URL을 만들려면 django_example/urls.py를 엽니다. django_example/urls.py는 다음과 같이 보일 것입니다: 지금, 우리의 서버는 AJAX 호출에 `AJAX 응답을 원한다`라는 메시지가 있는 경우에만 JsonResponse를 제공하기 위해 `my_ajax_request/` URL을 통해 요청할 수 있습니다. 이 조건이 충족되면 서버는 `이것은 당신이 원하는 응답입니다`라는 응답으로 유효한 Json에 응답합니다. 위의 예제를 함수 기반 보기에서 클래스 기반 뷰(CBV)로 변환하려면 views.py 변환하기만 하면 urls.py 보기에 대한 경로를 js/rango-ajax.js에 추가합니다. 예를 들어, 두 번째 예로 넘어갑시다. 이 예제에서는 장고 프로젝트에 AJAX GET 요청을 통합하는 데 도움이 됩니다. 함수 기반 뷰를 사용 합니다. 이 예제에서는 선택한 사용자에 대한 사용자 정보를 얻으려고 시도합니다. 우리는 장고에서 제공하는 기본 사용자 클래스를 사용합니다.

우리는 모든 웹 사이트에서 쉽게 사용되는 몇 가지 예를 논의 할 것이며, 그것은 당신이 당신의 장고 프로젝트에서 AJAX를 구현하는 방법을 실습하는 데 도움이 될 것입니다. 나는 초보자를 위해 이해하기 쉬운이 예를 만들고 싶어, 그러나, 그것은 또한 중급에 도움이됩니다. 그럼 시작해 봅시다. 뷰가 만들어지면 템플릿을 작성하고 jQuery를 작성하여 ajax 요청을 수행합니다. 이제 django 기본 관리자 포털을 사용하여 일부 게시물을 추가합니다. http://localhost:8000/ 방문하여 게시물을 보고 좋아요를 더합니다. 나는 또한 당신이 참조를 위해 사용할 수있는 내 github에이 샘플 응용 프로그램을 추가했습니다. 뷰는 위의 예제 보기와 매우 유사합니다.

. 우리는 예를 들어 간단한 포스트 좋아요 응용 프로그램을 만들 것입니다. 앞에서 언급 한 js 파일 중에서 작업 할 시간입니다, 장고는 크로스 사이트 요청 위조 대 보호를 요청, 그래서 우리는 우리의 모든 ajax 요청에 연결 될 토큰을 생성하기 위해 쿠키를 얻을 필요가있다. 이제 «rango-ajax.js»에서 AJAX GET 요청을 수행하기 위해 일부 JQuery 코드를 추가해야합니다. 다음 코드에 추가: rango-ajax.js라는 새 파일을 만들고 js 디렉토리에 추가합니다. 그런 다음 기본 템플릿에 다음과 같습니다 : 마지막으로, 나는 당신에게 이것을 두고 자신의 HTML 파일을 만들고 버튼, 또는 창 로드 또는 시간 시간 설정에 의해 이전에 언급 한 ajax 함수의 실행을 결정합니다. 잊지 마세요 : 오류가 어떻게 생겼는지 확인하려면 main.js의 모든 CSRF 자바 스크립트를 주석으로 주석을 달고 양식을 제출하십시오. jQuery는 자바스크립트입니다. 작성해야 하는 코드의 양을 줄이는 데 사용되는 JavaScript 라이브러리입니다.

이것은 혼란의 일반적인 영역이므로이 자습서의 나머지 부분을 통과할 때 이점을 염두에 두어야 합니다. csrf_token 및 제출 버튼과 함께 양식 태그를 둘러싸는 위에 만들어진 양식을 렌더링합니다. 템플릿 블록의 사용을 주의 깊게 기록하십시오. urls.py 파일에서 다음 URL 패턴을 추가하여 개발 모드에서 정적 파일에 액세스할 수 있도록: Python 3이 설치되었는지 확인하고(Python 3.7은 이 글을 쓰는 최신 파일) 프로젝트 패키지에 대한 가상 환경을 만들어 시작합니다. : 달콤함. 따라서 create_post() 함수를 올바르게 호출하고 양식 입력값을 잡는 것을 확인했습니다.

Comments are closed.

Ο καιρός

ar8ra

advertisement