flask ajax 예제

코멘트에서 *AnPyLar*에 대한 언급을 읽고 때로는 발생하는 것처럼 Flask + AnPyLar주제에 대한 샘플이 준비되고 있었습니다. 그것은에서 사용할 수 있습니다: https://github.com/anpylar/flaskpylar 어떤 경우에: 그것은 모든 사람의 커피 한 잔 될 필요가 없습니다. 당신이 그것을 좋아하는 경우에 … XMLHttpRequest 및 fetch를 사용하여 동일한 것뿐만 아니라이 페이지의 코드를 보여 주는 전체 응용 프로그램에 대한 예제 소스를 체크 아웃하십시오 (필요한 모든 변경 사항)을 사용하십시오. 두 개의 입력 필드가있는 간단한 HTML 파일을 가져 가자. 사용자는 이름과 성을 입력하고 데이터는 포스트 요청으로 플라스크 경로로 전송되며 HTML에 필드 값이 표시됩니다. 다음은 HTML 코드입니다. 나는 HTML에서도 부트 스트랩을 사용하고 있으므로 양식 입력 상자가 멋지게 보입니다. 부트 스트랩에 대한 자세한 내용은. 부트스트랩의 설명서를 읽을 수 있습니다. 메서드 특성을 사용하여 지원하는 메서드를 명시적으로 정의했습니다. 게시 된 매개 변수를 검색하기 위해 요청 모듈을 사용했습니다. 또한 json 모듈을 사용하여 json 데이터를 클라이언트 측에 반환했습니다.

json.dumps는 json을 클라이언트 측에 반환합니다. 이제 서버를 다시 시작하고 브라우저를 가리키면 http://localhost:5000/ 등록을 시도하십시오. 브라우저 콘솔을 확인하여 반환된 json 데이터를 확인합니다. 그래서, 파이썬 플라스크 jQuery AJAX가 실행되고 🙂 이제 라이브 번역 기능이 완료되었습니다! 사용자 환경에서 유효한 Microsoft 번역기 API 키를 설정한 경우 이제 번역을 트리거할 수 있습니다. 브라우저가 영어를 선호하도록 설정되어 있다고 가정하면 “번역” 링크를 보려면 다른 언어로 게시물을 작성해야 합니다. 아래에서 예를 볼 수 있습니다: 먼저 우리는 Flask 모듈을 가져온 다음 flask 앱 인스턴스를 만들었습니다. 또한 / 로 정의된 경로로 hello 함수를 정의했습니다. 그런 다음 POST 또는 GET인 요청 메서드를 정의합니다. 여기서는 POST 메서드를 사용하여 서버로 데이터를 전송합니다. 해당 URL 값 이후입니다.

여기서 JSON 데이터에 대한 작업을 수행하는 플라스크 POST 메서드의 URL을 입력합니다. 문 .done (함수(데이터) { } . URL 부분에서 받은 모든 것들은 HTML의 특성에 대한 작업을 수행합니다. 제출 버튼을 클릭하면 기본 출력이 될 것이라고 생각할 수 있습니다. $(`#output`).text(data.output).show()는 호출된 URL에서 수신한 최종 출력을 제공하고 특성 출력에 표시됩니다. 여기에서 는 사용자가 입력한 이름과 성의 조합만 표시하고 있습니다. 이제 함께 추가한 다음 JSON 개체의 응용 프로그램으로 다시 보내야 하는 두 개의 URL 인수를 허용하는 서버 측 함수를 만들어 보겠습니다. 이것은 정말 말도 안되는 예이며 일반적으로 클라이언트 측에서 혼자 할 일이지만 jQuery 및 Flask를 사용하는 방법을 보여주는 간단한 예입니다 : @Serhiy : 언어 검색을 위해 “guess-language_spirit”패키지를 사용하고 있습니다. 이 패키지에 대한 설명서에서는 언어 검색에 최소 20자 이상이 필요하다고 주장합니다.