API 만들고 사용하기

카드 삭제 API (Delete → POST)

1) 클라이언트와 서버 연결 확인하기
2) 서버부터 만들기
3) 클라이언트 만들기
4) 완성 확인하기

1) 클라이언트와 서버 연결 확인하기
서버에서 '/api/delete'에 'POST'에'sample_give'로 받고 있고 msg로는 'delete 연결되었습니다!'를 주고 있다.
클라이언트에선 변수로 name을 받는 deleteStar(name)라는 함수'POST'에 '/api/delete'
sample_give:'샘플데이터'로 주고 있고
alert으로 msg를 받는다.

브라우저에서 삭제를 누르니 'delete 연결되었습니다!'라는 msg가 뜬다.잘 연결이 되어있다.

2) 서버부터 만들기
name을 받아야한다.
name_receive = request.form['name_give']
받은 name으로 삭제를 해주어야한다.
db.mystar.delete_one({'name':name_receive})
msg로는 '삭제완료!'를 해주겠다.
return jsonify({'msg': 'delete 연결되었습니다!'})

3) 클라이언트 만들기
데이터로는 name_give로 주고 방금 받은 name을 변수로 가져가면 되겠다.
data: {name_give:name},
마찬가지로 alert 밑에 새로고침 코드를 넣어준다.
window.location.reload();

4) 완성 확인하기
리로딩을 하고 삭제 버튼을 눌러준다.
그러면 refresh 되면서 삭제한 카드가 삭제가 된다.