팀프로젝트/스파르타대학교_팀 소개 페이지

팀 소개 웹페이지 제작하기 네번째_fetch

끈끈 2023. 3. 16. 22:52

 

 

나는 이렇게 각각의 폴더에 db가 저장되게 했는데

 

팀원분께서 수정해주신 방식은

 

 

각 페이지의 팀원 이름이 들어가게 하셨다

 

<h5 class="card-title">{{data.name}}</h5>

 

function post_box() {
    if ($('#name').val() == 0) {
      alert('닉네임을 입력해 주세요!');
    } else if ($('#star').val() == '-- 선택하기 --') {
      alert('별점을 입력해 주세요!');
    } else if ($('#comment').val() == 0) {
      alert('리뷰를 입력해 주세요!');
    } else {
      let userID = $('#name').val()
      let StarPoint_review = $('#star').val()
      let Txt_review = $('#comment').val()
      let name = $('.card-title').html()

      let formData = new FormData();
      formData.append("userID_give", userID);
      formData.append("Txt_review_give", Txt_review);
      formData.append("StarPoint_review_give", StarPoint_review);
      formData.append("name_give", name);

      fetch('/saveReview', { method: "POST", body: formData }).then((res) => res.json()).then((data) => {
        alert(data["msg"]);
        window.location.reload(true);
      });
    }
  }

 

fetch API

fetch('http://example.com/movies.json')
  .then((response) => response.json())
  .then((data) => console.log(data));

 

https://developer.mozilla.org/ko/docs/Web/API/Fetch_API/Using_Fetch

 

Fetch 사용하기 - Web API | MDN

Fetch API는 HTTP 파이프라인을 구성하는 요청과 응답 등의 요소를 JavaScript에서 접근하고 조작할 수 있는 인터페이스를 제공합니다. Fetch API가 제공하는 전역 fetch() (en-US) 메서드로 네트워크의 리소

developer.mozilla.org

 


 

 

<em></em>

 


 

파비콘

 

팀원분께서 만들어주신 르탄이 파비콘!

 

<link rel="shortcut icon" type="image/x-icon" href="../static/img/favicon.ico">

 

<head>에 추가

 

GIF

 

<img src="/static/img/dance.gif" loop="infinite"/>

 


 

RESTRUL한 API란?