4-4 (코드모음!!)Flask로 API 만들기_GET/POST 방식으로 데이터받기

API?

같은예금 창구에서도 개개인마다 처리하는 것이 다른 은행창구 같은것.

클라이언트가 서버에 요청을 할때 어떤 종류의 요청인지 정보를 알려주는것, 대표적으로 GET/POST방식이 있음!!

 

💡GET, POST 방식

▶GET 
통상적으로 데이터 조회(Read) 를 요청할 때

예) 영화 목록 조회 →
      데이터 전달: URL 뒤에 물음표를 붙여 key=value로 전달 →
      예: google.com?q=북극곰

▶POST
통상적으로 데이터 생성(Create), 변경(Update), 삭제(Delete) 요청 할 때

예) 회원가입, 회원탈퇴, 비밀번호 수정 →
데이터 전달 :바로 보이지 않는 HTML body에 key:value 형태로 전달

 

 

 

GET/POST 요청에서 클라이언트의 데이터를 받는 방법

만약 클라이언트에서 서버에 title_give란 키 값으로 데이터를 들고왔다면 title_give에 해당하는 데이터를 찾아서 보내줌.

 

 

 

<필요 코드모음>

▶Jquery 임포트 

<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>

▶GET 요청 API코드

@app.route('/test', methods=['GET'])
def test_get():
   title_receive = request.args.get('title_give')
   print(title_receive)
   return jsonify({'result':'success', 'msg': '이 요청은 GET!'})

▶GET 요청 확인 Ajax코드

$.ajax({
    type: "GET",
    url: "/test?title_give=봄날은간다",
    data: {},
    success: function(response){
       console.log(response)
    }
  })

▶POST 요청 API코드

@app.route('/test', methods=['POST'])
def test_post():
   title_receive = request.form['title_give']
   print(title_receive)
   return jsonify({'result':'success', 'msg': '이 요청은 POST!'})

▶POST 요청 확인 Ajax코드

$.ajax({
    type: "POST",
    url: "/test",
    data: { title_give:'봄날은간다' },
    success: function(response){
       console.log(response)
    }
  })