• 로그인
  • 장바구니에 상품이 없습니다.

home2 게시판 Node.js, Express 게시판 리액트 포스트요청,데이터베이스저장

리액트 포스트요청,데이터베이스저장

2 글 보임 - 1 에서 2 까지 (총 2 중에서)
  • 글쓴이
  • #47411

    고진영
    참가자
     ////////////////// 리액트 폼태그//////////////////
    return(
        <div>
          <form action='http://localhost:8080/add' method='POST'>
            <label>할일</label>
              <input type='text' name='title'></input>
            <label>날짜</label>
              <input type='text' name='date'></input>
            <button type='submit'>전송</button>
          </form>
        </div>
      )
    }
    /////////////서버///////////////////////////////////////////////
    app.post('/add',function(요청,응답){
      응답.send('전송완료');
      db.collection('counter').findOne({name : '게시물갯수'}, (에러,결과) => {
        let 총게시물갯수 = 결과.totalPost;
      db.collection('post').insertOne( { _id : 총게시물갯수 +1, 제목:요청.body.title, 날짜 : 요청.body.date  }, function(에러,결과){
        db.collection('counter').updateOne({name:'게시물갯수'},{ $inc :{totalPost:1}},function(){
        })
       });
      });
    });
    이렇게 리엑트로만든페이지에서 버튼눌러서 post요청을하면 db에 저장되게했는데 맞는방법일까요? ㅜ
    
    
    #47437

    codingapple
    키 마스터
    폼태그 사용하면 새로고침되어서 ajax로 보내는게 좋습니다 
    ajax post요청을 합시다
     
2 글 보임 - 1 에서 2 까지 (총 2 중에서)
  • 답변은 로그인 후 가능합니다.

About

현재 월 700명 신규수강중입니다.

  (09:00~20:00) 빠른 상담은 카톡 플러스친구 코딩애플 (링크)
  admin@codingapple.com
  이용약관, 개인정보처리방침
ⓒ Codingapple, 강의 예제, 영상 복제 금지
top

© Codingapple, All rights reserved. 슈퍼로켓 에듀케이션 / 서울특별시 강동구 고덕로 19길 30 / 사업자등록번호 : 212-26-14752 온라인 교육학원업 / 통신판매업신고번호 : 제 2017-서울강동-0002 호 / 개인정보관리자 : 박종흠