본문 바로가기

ajax8

4-12 [스파르타피디아] - POST 연습(포스팅하기) API 만들고 사용하기 - 포스팅API (Create →POST) 1. 요청 정보 : URL= /movie, 요청 방식 = POST 2. 클라이언트(ajax) → 서버(flask) : url, star, comment 3. 서버(flask) → 클라이언트(ajax) : 메시지를 보냄 (포스팅 완료!) 먼저, 클라이언트와 서버 연결 확인 서버코드-app.py @app.route("/movie", methods=["POST"]) def movie_post(): sample_receive = request.form['sample_give'] print(sample_receive) return jsonify({'msg':'POST 연결 완료!'}) 클라이언트 코드 -index.html function posti.. 2022. 5. 21.
4-7 [화성땅 공동구매] - POST 연습(주문 저장) 웹사이트에서 이름,주소,평수를 입력 후 버튼을 누르면 1)'주문완료' Alert뜨고 2) 새로고침되어 'GET 연결완료!'Alert뜨고 3) Mongo DB Atlas 에 데이터 저장됨 1. 요청 정보 : URL= /mars, 요청 방식 = POST 2. 클라이언트(ajax) → 서버(flask) : name, address, size 3. 서버(flask) → 클라이언트(ajax) : 메시지를 보냄 (주문 완료!) 먼저, 클라이언트와 서버 연결 확인 서버코드 @app.route("/mars", methods=["POST"]) def mars_post(): sample_receive = request.form['sample_give'] print(sample_receive) return jsonify({.. 2022. 5. 19.
3-2 jQuery Ajax 연습겸 복습_ Open API 붙이기 백수의 하루란... 드디어 1등해땈ㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋ 룰루🤣 OPEN API 로 저장된 포스팅 불러오기 완성코드 내 생애 최고의 영화들 영화 기록하기 영화URL 별점 -- 선택하기 -- ⭐ ⭐⭐ ⭐⭐⭐ ⭐⭐⭐⭐ ⭐⭐⭐⭐⭐ 코멘트 기록하기 닫기 하다가 실수한 부분: for 반복문 사용시 'let' 을 빼먹음 for (let i = 0 ; i < movies.length; i++) 반복문에서 'i번째'를 나타내는 줄을 빼먹음 let movie = movies[i] empty 코드 사용 시 괄호 빼먹음 $('#cards-box').empty(''); 새로배운 코드 문자를 반복하게 나타나는 코드: let star = movie['star'] let star_image = '⭐'.repeat(sta.. 2022. 5. 15.
2-11 2주차 마무리 연습_웹페이지를 로딩할때 날씨 API를 이용해서 날씨표시 메인코드: 로딩 후 호출하기 : $(document).ready(function(){ 원하는 action }); 웹페이지를 로딩할 때마다 아래 기온이 업데이트됨. 완성코드 십센치(10cm) 팬명록 현재기온: 00도 하면서 주의 할 부분 언어를 사용할때 부분에 임포트 되어 있는지 확인하기 : 코드를 다 짜고 답안과 비교해 봤을때 다른점이 없는데도 계속 제대로 작동을 하지 않았다. 알고보니 jQuery를 임포트하지 않았었음. 아오 블럭태그인 안에서 일정글자만 바꿔주고 싶을때는 을 사용 현재기온: 00도 2022. 5. 14.