반응형

제이쿼리로 ajax 비동기 통신을 하는데 No transport 라는 에러가 나오며 통신을 실패했습니다.


저의 경우 크롬에서는 ajax 통신을 제대로 하는데, ie(익스플로러)에서만 No transport라는 에러가 발생을 했습니다.


찾아본 결과 로컬에서 ajax 통신을 할때 크로스 도메인 문제 였으며, 아래와 같이 한줄을 추가 함으로 해결했습니다.


제이쿼리에서 크로스도메인을 허용해주는 소스를 ajax 통신하는 부분 위에 적어주면 됩니다.


$.support.cors = true;



반응형

'JavaScript > jQuery' 카테고리의 다른 글

ajax 비동기 통신시 return 값 변수에 저장  (0) 2017.08.02
제이쿼리 ajax 더보기 버튼 구현  (1) 2016.12.01
제이쿼리 timepicker  (2) 2016.05.25
반응형

위와 같은 방식으로 변수 result에 ajax 통신의 결과 값을 넣으려 했는데,

결과 값이 변수에 들어가지 않는다.


검색해보니 async:false 를 넣어줘야 한다.



반응형

'JavaScript > jQuery' 카테고리의 다른 글

제이쿼리 ajax 사용시 No transport 에러  (0) 2017.11.15
제이쿼리 ajax 더보기 버튼 구현  (1) 2016.12.01
제이쿼리 timepicker  (2) 2016.05.25
반응형
제이쿼리를 사용하여 리스트 더보기 구현 예제 입니다.
간단하지만, 정리가 안돼있어서 정리해봅니다.
요즘 사용되는 자동 스크롤 더보기가 아니며, 버튼을 클릭하여 리스트를 불러오는 방식입니다.

우선 아래와 같은 html 소스가 있습니다. 
jsp 로 이뤄진 소스입니다.  jstl을 이용해서 처음 불러온 리스트를 뿌리는 화면입니다.
여기서 확인해야 할 부분은 
테이블에 id를 지정했으며, (리스트를 추가하기 위해)
더보기 버튼에도 id를 지정했습니다. (버튼을 없애기 위해)


위의 html에서 버튼을 클릭하면 아래와 같은 자바스크립트 함수를 호출하며, 
ajax 통신을 통해 리스트를 받아 옵니다. 

for문을 통해 content라는 변수에 html 문장을 담고, appendTo를 사용하여 html을 추가 하는 간단한 소스입니다.


(data에 값을 확인하려면, console.log(data); 를 사용하여 크롬 개발자 모드를 통해 확인하는 것을 추천)


반응형
반응형

기본적인 timepicker 에 대한 설명과 옵션은 http://timepicker.co/ 에서 확인

timepicker 다운로드는 https://github.com/wvega/timepicker 에서 다운

(기본적인 timepicker를 사용하는 방법은 홈페이지에 잘 나와 있음)


두개의 시간을 정하여, 

첫번째 시간에서 선택한 시간을

두번째 시간에서는 첫번째 시간 이후 부터 선택을 하게 해주려면 아래와 같은 timepicker 사용 


즉 첫번째 시간에서 선택한 시간을 두번째 시간의 mintime으로 정해주는 방법


변형된 형태의 timepicker 는 http://jonthornton.github.io/jquery-timepicker/

다운로드는 https://github.com/jonthornton/jquery-timepicker






위의 자바스크립트는  https://github.com/jonthornton/jquery-timepicker 에서 받은 timepicker를 사용할때 적용가능

test.html


반응형

+ Recent posts