Python Flask 전후 단 Ajax 상호작용 방법 예시

전에 fllask 의 기초 지식 을 정리 한 적 이 있 습 니 다.지금 은 fllask 의 앞 뒤 데이터 상호작용 지식 을 정리 하 겠 습 니 다.여 기 는 Ajax 를 사용 합 니 다.
방법
1.post 방법의 위치:전단 HTML 에서 한 단추 의 클릭 함수 에 연결 되 거나 마우스 입력 상자 에서 이 벤트 를 떠 나 려 면 누 르 십시오.
(1)데이터 가 URL 에 첨부 되 어 백 엔 드 로 전 송 됩 니 다.

/*  HTML<script> :*/
$.post("/js_post/"+ip, data_to_backend, function(data){alert("success "+data)} );
그 중 ip,datato_backend 는 이 코드 전에 정 의 된 것 입 니 다.data_to_backend 는 보통 json 데이터(data_to_backend={'ip':$(this).parent().prev().text()})이 고 data 는 백 엔 드 에서 온 반환 데이터 입 니 다.

#  py  (       html py  ) :          post  
@app.route("/js_post/<ip>", methods=['GET', 'POST'])
def js_post(ip):
   print ip
   return ip +" - ip"
버튼 클릭 후 효과:

전단 정의 창 데이터

ip
(2)데 이 터 를 백 엔 드 에 단독 전송

var ip = $(this).parent().prev().prev().prev().prev().text();
data_tmp = {'ip':ip, 'text':"success for ajax"};  // data to send to server.
$.post('/js_call', data_tmp, function(data){alert(data)});
백 엔 드 프로세서:

@app.route('/js_call', methods=['GET', 'POST'])
def js_call():  
   print request.values['ip']  
   print request.values['text']  
   # to send the command by ssh : os.system("ssh user@host \' restart(command) \' ")  
   return 'ok!!!!'

post 독립 데이터 전송
2.get 방법(같은 데 이 터 를 보 낼 수 있 음)

$.get('/js_get', {'method':'GET', 'text':"from-html"}, function(data){alert(data)})
백 엔 드 경로 수신 처리:

@app.route('/js_get', methods=['GET'])
def js_get():
  print "method: "+request.values['method']+" --- text: "+request.values['text']
  return "get success!"

get 성공

데이터 수신 성공
주의:백 엔 드 py 파일 의 유사request.values['method']데 이 터 를 가 져 오 는 request 는 Python flask 모듈 로 가 져 와 야 합 니 다.
요약:
  • fllask 프레임 워 크 에서 Ajax 요청 은 백 엔 드 에 쉽게 이 루어 집 니 다.백 엔 드 Python 코드 에서 ajax 경 로 를 처리 하면 됩 니 다.
  • Ajax 의 post,get 방법 은 모두 배경 으로 데 이 터 를 보 낼 수 있 습 니 다.보통 post 로 데 이 터 를 보 냅 니 다(변경).get 요청 데이터(변경 하지 않 음).
  • 이상 이 바로 본 고의 모든 내용 입 니 다.여러분 의 학습 에 도움 이 되 고 저 희 를 많이 응원 해 주 셨 으 면 좋 겠 습 니 다.

    좋은 웹페이지 즐겨찾기