[EcountERP] 개발중 javascript 구문 많이 쓰는 것 정리 [개발노트]

프로그램이 점점 길어지고 있다.....

물론 중요부분을 함수로 만들어서 써야 하지만, 개발하다보면.. 마음이 급해서 막 적고 나중에 정리하는 습관이 생겼다.

마음적으로 뭔가 안풀릴때 하나하나 초심으로 가서 정리하며 에러코드를 찾는다.

자바스크립트 또는 제이쿼리 구문 중 많이 쓰는 것을 정리해서 그런 항목이 나올때 가져다 쓰고자 글을 쓴다.

 

 

보통 비동기식으로 처리할때 시간의 간격을 주고자할때 함수를 호출할때 주로 사용하는데,

setTimeout... 많이 쓴다.

// 현재창 reload
setTimeout(function() {
	location.reload();	
}, 1500);	

// 부모창 reload
setTimeout(function() {					  
    $(opener.location).attr("href", "javascript:reloadlist();");	
}, 1500);																

// 창 닫기
setTimeout(function() {					  
    self.close();	
}, 1500);

 

ajax로 비동기 통신 사용할때 주로 나오는 에러를 방지하기 위한 중복전송금지 방법

var ajaxRequest = null;

선언하고 실행시 조건만들어 준다.

var ajaxRequest = null;

      if (ajaxRequest !== null) {
            ajaxRequest.abort();
        }

     // ajax 요청 생성
     ajaxRequest = $.ajax({

 

하나씩 정리하면서 에러율을 점점 낮춰서 코딩시간을 절약해야 한다.

또다시 코딩 중 에러 발견 

Request-URI Too Long
The requested URL's length exceeds the capacity limit for this server.

해결방법을 찾아서 수정함.

// $("#main").load('./work/list.php', $("#board_form").serialize());   

// 위의 제이쿼리 .load 메소드를 지우고 아래의 ajax형태로 변경함

let urltmp = '../work/list.php?search=' +  $("#search").val() ;	  
				
			$.ajax({
			  url:  urltmp ,
			  type: 'POST',
			  data: $("#board_form").serialize() ,
			  success: function(response) {
				$('#main').html(response);
			  }
			});

정상 작동함. (수정의 의미가 큼)