진원배
30
2020-12-17 20:32:09
3
177

자바스크립트와 스프링연동, Axios 질문드려도 될까요?



일단 UI는 이렇게 작성할 것입니다. 


버튼 클릭시 각각의 input 들의 값이 입력되게하고 싶은데 저희 팀에서 제이쿼리는 사용하지말라고 해서 

알아보니 Axios라는 개념으로 비동기 전송을 할 수 있다고 하네요. 구글에 예시도 잘 안나와서 대한민국 대표 IT 커뮤니티인 okky에 질문하게되었습니다.



              function sendUserProject() {
                  const projectNo = document.querySelector("").value;
                  const userNo  = document.querySelector("").value;
                  const projectName = document.querySelector("").value;
                  const projectPosition = document.querySelector("").value;
                  const pStart = document.querySelector("").value;
                  const pEnd = document.querySelector("").value;
                  location.href="update.project.us?userProject=" + projectName + "&projectNo" + projectNo + "&userNo=" + userNo;
                }


이렇게 죄다 변수명에 입력해서 자바 스프링과 연동하고 싶은데 sql 쿼리문은 작성했는데 Controller 쪽이 감이안와서 조언 부탁드리고자 글 남깁니다 ㅜㅜ


0
  • 답변 3

  • 진원배
    30
    2020-12-17 20:36:51

    일단 좀 해보겠습니다.

  • 피자7
    637
    2020-12-17 22:39:53

    님이 쓰신건 쿼리 스트링이라고 url에다 직접 데이터를 담아서 전달하는 방식이고

    axios는 xhr 흔히 ajax라고 하죠 프로미스 기반으로 동작하는 리퀘스트 라이브러리에요


    엑시오스 기본적인 사용법은

    axios({

      method: //요청 메소드,

      url: //요청할 주소,

      data:{

        //이 안에다가 전송할 데이터 key : value 형식으로 쓰세요

        }

    }).then( res => {

        //서버로 부터 응답받은 데이터가 res 입니다

    }).catch( err => {

      //에러가 났을경우 

    })


    대충 이런식으로 사용가능하고

    스프링은 안한지 오래되서 어떻게 리퀘스트 받는지는 모르겠네요



    그리고 참.... 비하할 의미는 전혀 없는데

    okky가 솔직히 주고받는 질문 대부분이 기초적인 질문들입니다

    뭔가좀 수준있는 질문하면 답변 안달려요......

    작성자님이 느끼신거처럼 진짜 한글문서없고 예시 못찾겠으면

    공식문서 찾아보는수 밖에없어요

    그래도 정 모르겠으면 스택오버플로 같은데 찾아보고 구글에 영어로 검색하셔야

    해외에서 작성한 예제같은거 찾을수 있을껍니다

  • 진원배
    30
    2020-12-17 23:42:10

    #피자7 


    답변해주셔서 감사합니다. 

    제가 스스로 공부하느라 부족한 부분이 많은데 공부한지 얼마 되지 않아 정보력이 많이 부족하네요.

    말씀해주신 부분 새기겠습니다.


  • 로그인을 하시면 답변을 등록할 수 있습니다.