[Spring] (2018.06.20) Final Project_2

Final Project 진행하면서 느낀 점이 많았다.

간단한 비동기도 잊어버리게되어 전에 했던 code 를 복붙하게 되는 경우가 다수였다.

이런 일이 반복되지 않도록 미리 기록해두는 것이 좋을 거 같다.

1. serialize

form 태그에서  serialize 로 name 태그가 달린 value 값들을 불러올 때 변수 타입이 String 이 아닌 Date 일 경우 데이터가 불러와 지지 않고 

code : 400 에러가 뜨는 경우가 발생 

=> 해결 : DTO(VO) 에 변수타입을 String 타입으로 수정 

2. Jqeury 

$(document).on("click",".side-bar-step",function(){ 

이렇게 쓰는 경우는 동적생성될 때 사용 

$('.side-bar-step').click(function() {
}) 

이렇게 쓰는 경우는 동기처리 

$.ajax(
        {
          type : "post",
          url  : "getprojectmembers.htm",
          data : "pid="+ pid, 
          success : function(data){
          console.log(data.memberlist);
                       
          var optiondefault = jQuery("<option>",{
              "text":"책임자를 선택하세요", //default 값 
              "value":""
          })
          //해당 pid 에 참여한 멤버 불러오기
          $('#add-step-mgr-assignee').empty().append(optiondefault);
              $(data.memberlist).each(function (){
              var option = jQuery("<option>",{
                   "value":this.mid,
                    "text":this.mname
          })
          console.log(option);
           $('#add-step-mgr-assignee').append(option);
          });
                      
        } // end-success
    }); // end-ajax        

이러한 방법도 있으니 참고할 것