-_-Jeff
72
2019-10-10 12:08:39 작성 2019-10-10 16:14:39 수정됨
6
136

vue js 에서 체크박스로 체크한 데이터들을 spring에 보내려면 어떻게 해야하나요 ?


생각한 것은 

data : {

'list' :{

  ['id' : 1, 'pw' : 2] or [1,2] 

}

}

와 같은 구조로 보내어

Parameters param 으로 받고 싶은데 보내는 방법도 틀린 것 같고, param 으로 list를 어떻게 받아야할지 모르겠어서 질문드립니다...구글링해보다가 막막해서 올립니다.. 어떻게 보내야하고 어떤형태로 받아야하는지 도와주세요...




////사진자료 첨부합니다..!

제가 아직 초보라 허허...

vue js - front

spring - back

입니다

폼데이터는

인데

goodsArray를 Object로 만들어서 보냈을때 받으려고하면 String이라면서 map으로 형변환이 안되고 있습니다. 요부분이 이해가 잘안가서요..

댓글들 감사합니다..도와주십시요 ㅠㅠ


0
0
  • 답변 6

  • JavaAPI
    2019-10-10 12:17:03

    체크박스에서 체크한 값들을 배열에 누적저장하여 넘기시면 됩니다.

    0
  • -_-Jeff
    72
    2019-10-10 12:26:17

    JavaAPI 

    좀더 자세하게 설명해주실수 있을까요...?

    공부할수있는 예제코드가 있을까요...?

    댓글감사합니다..ㅠㅜㅠ

    0
  • JavaAPI
    2019-10-10 12:39:40

    체크박스는 텍스트입력양식과는 다르기 체크한 값만 서버로 전송이 되기때문에 

    체크박스를 선택했을때 그 선택한 value값을 array에 push하세여 그리고 그 array를 넘기시면됩니다..

    0
  • -_-Jeff
    72
    2019-10-10 14:05:06 작성 2019-10-10 14:06:20 수정됨

    JavaAPI

    음 제가 질문을 잘 못드린것 같습니다.

    질문의 요지는

    1. array들을 다수 보낼경우 data 포맷

    2. 다수 받는 array들을 어떻게 받아야할지

    였습니다.

    1에 대해서 넘기는 포맷이

    data : {

    'list' :{

    ['id' : 1, 'pw' : 2],

    ['id' : 1, 'pw' : 2],

    ['id' : 1, 'pw' : 2] 

    }

    }

    이런형태로 보내고싶은데 에러가 떠서 포맷의 잘못된 점을 여쭤보고 싶은거였습니다..ㅠㅠ

    받을때도 Parameters param/ param.getValue("list") 이런식으로 받았는데

    array형태로 받지 못하여 이유를 찾고 싶었던 것이구요..!

    그래도 읽어주시고 답변해주셔서 감사합니다.ㅜㅜㅜㅜㅜㅜㅜ

    0
  • 제주감자
    21
    2019-10-10 14:28:34

    Vue에서 체크박스는 boolean으로 데이터 바인딩 될테고...

    true인 애들만 필터링 해서 보내면 되지 않을까요?


    Spring에서는 List로 받으시면 될거에요~


    'list' : [

    {'id' : 1, 'pw' : 2},

    {'id' : 1, 'pw' : 2},

    {'id' : 1, 'pw' : 2}

    ]

    0
  • 컴포지트
    443
    2019-10-10 16:01:32

    Spring에서 요청 값을 받을 때 가능하다면 JSON Request로 보내는 것을 추천합니다. 즉, @RequestBody 어노테이션이 들어간 VO 객체라면 더욱 좋겠죠. 더욱 유연하고 빠르게 개발이 가능합니다. Vue 입장에서도 JSON으로 요청하는 게 더 빠르니까요. 보통 jQuery 보다 axios 를 쓸 테니.

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