본문 바로가기

jQuery

[jQuery] 쇼핑몰 상품박스 예제 ■ 쇼핑몰 상품박스 예제 예제소스 : # 소스코드 merchandise.php :: 상품박스 :: # 출력결과 더보기
[AJAX] input type="file" 없이 파일 전송하기 ■ input type="file" 없이 파일 전송하기 -. 지난 포스팅에서 AJAX로 파일 업로드하는 방법을 살펴보았다.([AJAX] AJAX를 사용하여 파일 업로드 하기) -. 사실 저 방법을 필자가 가장 많이 사용하는 이유는 기존 의 형태를 숨기기위해서 사용하는 경우가 잦다. -. 포스팅 제목을 type="file"없이 라고는 했지만 실질적으로 type="file" 없이 파일 숨기고 전송하기가 된다. ※ 기존의 파일 업로드 방식 # 소스코드 updateButton.php # 출력결과 ① 의 모습은 볼 수 없다. 업로드 버튼을 눌러 파일을 업로드 한다. ② 파일이 한번에 업로드 되는 것을 확인 할 수 있다. 더보기
[AJAX] AJAX를 사용하여 파일 업로드 하기 참조 : http://b1ix.net/213 ■ AJAX를 사용하여 파일 업로드 하기 웹 페이지를 제작하는 과정에서 파일을 업로드시 페이지를 새로고침 하지 않고 등록해야 하는 경우가 종종 발생한다. 그러한 경우에 AJAX를 사용하여 파일을 손쉽게 올려보도록 하자. AJAX로 파일을 업로드 시에 업로드 된 파일 데이터를 넘겨주기 위해서는 아래 사항을 꼭 설정해야 한다. ① 폼(form)의 값이 AJAX를 통해서 넘어가기 때문에 from에 enctype="multipart/form-data"를 꼭 필요로 하지 않는다. ② FormData : 해당 폼의 모든 값들(file포함)을 해당 객체에 한번에 담아 보내기 위해 사용된다. (※ ie10부터 사용가능) ③ processData -. 기본 값은 true이다... 더보기
[Ajax] Ajax를 통한 색인, 연관 배열 전송 방법 참조 : 연관 배열을 사용해서 폼 요소의 이름과 값 저장하기 jQuery Ajax를 통해 POST 타입으로 연관 배열의 값을 전송하는중 값이 제대로 전달되지 않는 에러가 발생하였다. 원인은 자바스크립트의 배열 선언에서 문제가 있었다. 자바스크립트에서 배열 선언 방식은 아래와 같이 나뉘는데. 설명 텍스트 기호 색인 배열 첨자를 이용하여 접근하는 것 new Array(); [ ]; 연관 배열 자바의 맵 처럼 KEY에 대한 값을 저장하는 구조new Object(); { }; 필자는 계속해서 첫번째 색인 배열의 방식으로 연관배열을 사용 하고 있었던 것이다. ■ jQuery Ajax를 통한 색인 배열의 전송 01. 가장먼저 기본적인 색인 배열로 선언한 값을 Ajax로 전송하는 예제이다. get_array_ajax.. 더보기
[FullCalendar] 구글 캘린더 hide / show 기능 추가하기 ※ 해당 예제는[FullCalendar] 풀 캘린더와 구글 캘린더 연동하기를 기반으로 작성되었습니다. 01. 풀 캘린더의 addEventSource, removeEventSource 기능을 사용하여 구글 캘린더 데이터를 숨기고 다시 불러오는 기능을 추가해 보자. calendar_google_choice.php 풀캘린더::구글캘린더 한국 공휴일 미국 공휴일 일본 공휴일 loading... 02. 출력결과는 아래와 같이 체크박스를 선택하는 것으로 해당 데이터를 캘린더에서 지웠다 다시 생성할 수 있다. 더보기