개발입문자1년
255
2019-05-21 11:18:05 작성 2019-05-21 11:19:02 수정됨
5
161

자바스크립트 데이터 벨류값 처리


안녕하세요 자바스크립트에서 프리마커와함께 개발을 진행중인 개발자입니다. 개발을하는도중에 어떻게하면 싶을까싶어 질문드려요

프리마커를사용하고 자바에서 데이터를받아와서 매크로를 통해 리스트만큼 태그를 생성해주었습니다.

<#macro testdata items> <#compress>

 < ul class="thumbList">

      <#if items?? && items?has_content>

          <#list items as item>

     < li>

 <span> <img src="${item.image!}" ></span>

    <em>${item.name}</em>

             <input type="hidden" id="idvalue" value="${item.type}">

          </#list>

      </#if>

 </li>

 </ul>

</#compress>

</#macro>


이러면 리스트갯수만큼 li태그맟 input가 생성되고 각각의 값이 넣어지게되는데 여기서 궁금한게

제가 input태그 히든으로 테스트를위해넣엇습니다. 리스트가 한개면 상과없는데 2개이상일시 input에들어간 item.type값을 한번에 다 뽑아서 정리해서 자바쪽으로넘겨야하는데 어떻게할까요 .

페이지 소스보기를 보면 이런식으로 데이터는 잘뿌려지는데 12 , 123 ,1000 대이터를 한번에 조합에서 자바쪽 파라메터로 줄예정인데  어떻게 조합할까용

<input type="hidden" id="idvalue" value="12">

<input type="hidden" id="idvalue" value="123">

<input type="hidden" id="idvalue" value="1000">



참고로 다른 input type hidden을 쓰는곳도있어욤

0
0
  • 답변 5

  • full
    693
    2019-05-21 11:23:31

    form submit방식으로 하실건가요??

    그렇다면

    input name을 동일하게 지정해주시고 자바쪽에서 배열로 받으실수있습니다.


    string으로 받으면 12,123,100이런식으로 들어올텐데 tokeniger사용하셔서 해결하셔도 되구요.


    list로 받으시려면 input name="id[0]" 이런식으로 코딩하시면됩니다.

    0
  • 유리세계
    1k
    2019-05-21 11:23:41

    id는 유니크해야 합니다 name으로 주시고 form 으로 날리시면 배열로 파라미터를 전송하게됩니다

    0
  • 개발입문자1년
    255
    2019-05-21 11:29:21 작성 2019-05-21 11:29:44 수정됨

    form으로 하진않습니다 그냥 데이터만 뽑으면 구분자줘서 파라미터를 ajax로 서버로 넘길생각이였습니다,

    0
  • 유리세계
    1k
    2019-05-21 11:34:30

    form 을 쓰지 않고 파라미터를 넘기신다면

    var param = "";
    var arr = new Array();
    $("input[name=test]).each(function(){
     parma += $(this).val() + ",";
     arr.push($(this).val());
    });
    param = param.slice(0, -1); 
    console.log(param); // "12,123,1000"
    console.log(arr); // [12,123,1000]

    이런방법도 있고요

    배열 선언해서 넣어도 되고요

    0
  • 개발입문자1년
    255
    2019-05-21 13:09:20

    @유리세계 


    감사합니다 .

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