본문 바로가기

분류 전체보기767

jQuery.grep(), 배열 요소를 찾아 걸러내기 jQuery.grep() 원문 링크 http://api.jquery.com/jQuery.grep/ jQuery.grep( array, function(elementOfArray, indexInArray) [, invert] )Returns : Array 개요 : 배열의 요소를 찾아 필터 합니다. 원본 배열에 영향을 주지 않습니다. jQuery.grep( array, function(elementOfArray, indexInArray) [, invert] ) array 배열 function(elementOfArray, indexInArray) 배열 아이템 수 만큼 반복이 진행됨. 첫번째 인자는 배열 요소이고 두번째 인자는 인덱스. 이 함수는 Boolean 값을 반환. invert "invert"가 fals.. 2012. 7. 2.
jQuery.extend(), 두개 이상의 객체를 합치기(Merge) jQuery.extend() 원문 링크 http://api.jquery.com/jQuery.extend/ jQuery.extend( target [, object1] [, objectN] )Returns : Object 개요 : 두개 이상의 객체를 합칩(Merge)니다. jQuery.extend( target [, object1] [, objectN] ) target 합쳐지는 추가 객체의 속성을 받을 객체 또는 유일한 인자일 경우 jQuery 네임스페이스로 확장될 객체 object1 합쳐질 때 기준이 될 객체 objectN 기준 객체에 합쳐질 추가 객체 jQuery.extend( [deep], target, object1 [, objectN] ) deep true 라면, 깊은 수준 복사가 됩니다. tar.. 2012. 7. 2.
jQuery.each(), 일반적인 반복 함수 jQuery.each() 원문 링크 http://api.jquery.com/jQuery.each/ jQuery.each( collection, callback(indexInArray, valueOfElement) )Returns : Object 개요 : object 와 배열 모두에서 사용할 수 있는 일반적인 반복 함수입니다. 배열과 length 속성을 갖는 배열과 비슷한 객체들을 index를 기준으로 반복할 수 있습니다. jQuery.each( collection, callback(indexInArray, valueOfElement) ) collection object 또는 array. callback(indexInArray, valueOfElement) 실행될 함수 $.each() 함수는 $(selec.. 2012. 7. 2.
serializeArray(), 폼 요소를 names와 values 배열로 인코딩 serializeArray() 원문 링크 http://api.jquery.com/serializeArray/ serializeArray()Returns : Array 개요 : 폼 요소를 names와 values 배열로 인코딩합니다. serializeArray() .serializeArray() 함수는 JSON 문자열 형태로 JavaScript 배열 객체를 만듭니다. 이 함수는 폼 요소 집합을 표현하는 jQuery 객체를 이용합니다. 폼 요소들은 여러가지가 있습니다. 4 5 6 7 .serializeArray() 함수는 W3C 의 표준 규칙인 successful controls 을 따릅니다. 요소는 disabled이 아니어야 하고 반드시 name 속성을 지녀야 합니다. type='file' 요소는 포함되지.. 2012. 7. 2.
serialize(), 폼 요소 집합을 인코딩 serialize() 원문 링크 http://api.jquery.com/serialize/ serialize()Returns : String 개요 : 데이터를 보내기 위해 폼 요소 집합을 문자열로 인코딩 합니다. serialize() .serialize() 함수는 표준 URL-encoded 표기법으로 텍스트 문자열을 만듭니다. 이 함수는 폼 요소 집합을 표현하는 jQuery 객체를 이용합니다. 폼 요소들은 여러가지가 있습니다. 4 5 6 7 .serialize() 함수는 jQuery 객체로 사용할 수 있는데, 폼 요소 개별 객체별로 사용할 수 있습니다. 즉 , , 와 같은 개별 요소들이 이 함수를 사용할 수 있는 것입니다. 하지만, 대체적으로 아래 예제와 같이 태그를 선택해서 직렬화 하는 방식이 많습니다.. 2012. 7. 2.
jQuery.post(), Ajax HTTP POST 방식 요청 jQuery.post() 원문 링크 http://api.jquery.com/jQuery.post/ jQuery.post( url [, data] [, success(data, textStatus, jqXHR)] [, dataType] )Returns : jqXHR 개요 : HTTP POST 방식 요청을 통해 서버로부터 데이터를 받습니다. jQuery.post( url [, data] [, success(data, textStatus, jqXHR)] [, dataType] ) url 정보를 요청할 URL data 서버로 보낼 data success(data, textStatus, jqXHR) 요청이 성공하면 실행될 콜백 함수 dataType 서버에서 반환되는 데이터의 타입. Default: 지능형 추측 (.. 2012. 7. 2.
jQuery.param(), Ajax 데이터용 배열이나 객체를 직렬화 jQuery.param() 원문 링크 http://api.jquery.com/jQuery.param/ .jQuery.param( obj )Returns : string 개요 : URL 쿼리 스트링 또는 Ajax 요청에 사용할 수 있도록 배열이나 객체를 직렬화 합니다. jQuery.param( obj ) obj 배열 또는 객체 jQuery.param( obj, traditional ) obj 배열 또는 객체 traditional 얕은 수준(Shallow) 직렬화 지원 여부를 결정하는 Boolean 값 이 함수는 폼 요소들의 값을 변환하여 직렬화된 문자열로 표현합니다. jQuery 1.3 까지는 함수 문자열 대신 함수의 반환값을 사용했습니다. ( the return value of a function is .. 2012. 7. 2.
load(), Ajax로 받은 HTML을 일치하는 요소 안에 추가 load() 원문 링크 http://api.jquery.com/load/ .load( url [, data] [, complete(responseText, textStatus, XMLHttpRequest)] )Returns : jQuery 개요 : 서버로부터 데이터를 받아서 일치하는 요소 안에 HTML을 추가합니다. .load( url [, data] [, complete(responseText, textStatus, XMLHttpRequest)] ) url 정보를 요청할 URL data 서버에 보낼 데이터 complete(responseText, textStatus, XMLHttpRequest) 요청이 완료되면 실행될 콜백 함수 Note: 이 함수는 여기서 쓰는 것 말고 다른 용도의 쓰임새도 있습니다... 2012. 7. 2.
jQuery.getScript, JavaScript 파일을 로드하고 실행 jQuery.getScript() 원문 링크 http://api.jquery.com/jQuery.getScript/ jQuery.getScript( url [, success(script, textStatus, jqXHR)] )Returns : jqXHR 개요 : HTTP GET 방식 요청을 통해 서버로부터 받은 JavaScript 파일을 로드하고 실행합니다. jQuery.getJSON( url [, data] [, success(data, textStatus, jqXHR)] ) url 정보를 요청할 URL success(data, textStatus, jqXHR) 요청이 성공하면 실행될 콜백 함수 이 함수의 가장 간단한 사용법은 아래와 같습니다. $.ajax({ url: url, dataType: "s.. 2012. 7. 2.
jQuery.getJSON, JSON 데이터를 로드 jQuery.getJSON() 원문 링크 http://api.jquery.com/jQuery.getJSON/ jQuery.getJSON( url [, data] [, success(data, textStatus, jqXHR)] )Returns : jqXHR 개요 : HTTP GET 방식 요청을 통해 서버로부터 받은 JSON 데이터를 로드합니다. jQuery.getJSON( url [, data] [, success(data, textStatus, jqXHR)] ) url 정보를 요청할 URL data 서버로 보낼 data success(data, textStatus, jqXHR) 요청이 성공하면 실행될 콜백 함수 이 함수의 가장 간단한 사용법은 아래와 같습니다. $.ajax({ url: url, data.. 2012. 7. 2.
자바스크립트 날짜 계산 자바스크립트로 날짜 계산할 경우가 많습니다. 요즘이야 뭐 달력들이 워낙 잘 나와서 그 수고를 덜긴 하는데.. 그래도 코딩으로 계산해야 하는 경우가 종종 있죠. 얼마전에 그 작업을 하다 짜증이 나서 확 만들었습니다만;;;;; 대충 만든거라 참고만 하시구요. 응용해서 사용하세요. 먼저 미리보기부터 보시고 아래쪽에 소스코드를 올리겠습니다. 미리보기 아래는 소스 기준일자 : (형식 : 0000-00-00) 기준월 첫날 : 기준월 말일 : 이전달 첫날 : 이전달 말일 : 다음달 첫날 : 다음달 말일 : 달 후 첫날 달 후 말일 일 전 일자 일 후 일자 2012. 6. 21.
줄리안데이트 계산법 JDE 라는 오라클 ERP 를 개발에 참여 중입니다.뭐 거창할건 없는데요. 이 시스템의 Date는 모두 줄리안데이트로 처리하더군요. 일반적인 형태의 데이트 형태가 2012-06-20 이라면줄리안데이트는 112172 로 표현되는 겁니다. 딱 봐도 줄리안데이트가 시스템적으로 빠를것 같지 않으신가요? 그런데 줄리안데이트는 사람에게는 친절하진 않죠. 딱 봤을때 이게 며칠이야 하니까요. 하지만, 계산법만 알면 어느정도 유추할 수 있습니다. 계산 방법은 간단합니다. 2012-06-20 = 112172 입니다. 줄리안데이트 112172와 같이 구분됩니다. 색깔로 구분해서 빨간색 112 = 현재년도(2012) - 1900 푸른색 172 = 1월 1일 부터 현재일까지 날짜 수 ( 172 일이 지난날이 6월 20일이 됩니.. 2012. 6. 20.
jQuery.get() HTTP GET 방식 Ajax 요청 jQuery.get() 원문 링크 http://api.jquery.com/jQuery.get/ jQuery.get( url [, data] [, success(data, textStatus, jqXHR)] [, dataType] )Returns : jqXHR 개요 : HTTP GET 방식 요청을 통해 서버로부터 데이터를 받습니다. jQuery.get( url [, data] [, success(data, textStatus, jqXHR)] [, dataType] ) url 정보를 요청할 URL data 서버로 보낼 data success(data, textStatus, jqXHR) 요청이 성공하면 실행될 콜백 함수 dataType 서버에서 반환되는 데이터의 타입. Default: 지능형 추측 (xml, .. 2012. 6. 19.
ajaxSuccess() Ajax 요청이 성공적으로 완료 때마다 호출 .ajaxSuccess() 원문 링크 http://api.jquery.com/ajaxSuccess/ ajaxSuccess( handler(event, XMLHttpRequest, ajaxOptions) )Returns : jQuery 개요 : Ajax 요청이 성공적으로 완료 때마다 실행될 함수를 작성합니다. 이것은 Ajax 이벤트 입니다. .ajaxSuccess( handler(event, XMLHttpRequest, ajaxOptions) ) handler(event, XMLHttpRequest, ajaxOptions) 실행될 함수 Ajax 요청이 성공적으로 완료 때마다, jQuery ajaxSuccess 이벤트를 발생시킵니다. .ajaxSuccess() 함수내에 등록된 핸들러는 매번 실행되게 됩니다... 2012. 6. 19.
ajaxStop() Ajax 요청이 완료되면 호출 .ajaxStop() 원문 링크 http://api.jquery.com/ajaxStop/ ajaxStop( handler() )Returns : jQuery 개요 : 모든 Ajax 요청이 완료되면 호출할 핸들러를 등록합니다. 이것은 Ajax 이벤트 입니다. .ajaxStop( handler() ) handler() 실행될 함수 Ajax 요청을 완료되면, jQuery는 진행중인 Ajax 요청이 있는지 체크합니다. 만일 진행중인 Ajax 요청이 없다면, jQuery는 ajaxStop 이벤트를 발생시킵니다. .ajaxStop() 함수에서 등록된 모든 핸들러가 실행되게 됩니다. 또한, ajaxStop 이벤트는 마지막 Ajax 요청이 beforeSend 콜백 함수네에서 false를 반환하여 취소가 되어도 발생하게.. 2012. 6. 19.
ajaxStart() Ajax 요청이 시작될 때 호출되는 함수 .ajaxStart() 원문 링크 http://api.jquery.com/ajaxStart/ ajaxStart( handler() )Returns : jQuery 개요 : 첫번째 Ajax 요청이 시작될 때 호출할 핸들러를 등록합니다. 이것은 Ajax 이벤트 입니다. .ajaxStart( handler() ) handler() 실행될 함수 Ajax 요청을 보내기 전에, jQuery는 진행중인 Ajax 요청이 있는지 체크합니다. 만일 진행중인 Ajax 요청이 없다면, jQuery는 ajaxStart 이벤트를 발생시킵니다. .ajaxStart() 함수에서 등록된 모든 핸들러가 실행되게 됩니다. 이 함수가 동작하는 것을 보기위해 기본적인 Ajax 요청을 만들 수 있습니다. Trigger 특정한 엘리먼트에 이벤트.. 2012. 6. 19.
jQuery.ajaxSetup() Ajax 옵션 값을 설정하는 함수 jQuery.ajaxSetup() 원문 링크 http://api.jquery.com/jQuery.ajaxSetup/ jQuery.ajaxSetup( options ) 개요 : Ajax 요청 시 옵션 값들을 정의합니다. jQuery.ajaxSetup( options ) options key/value 쌍으로 구성된 Ajax 옵션 값들. 모든 옵션은 생략이 가능함 $.ajaxSetup() 함수에서 Ajax 요청 시 사용되는 옵션값들을 세세하게 정의할 수 있습니다. url 파라미터를 정의하는 예입니다. $.ajaxSetup({ url: 'ping.php' }); 이 함수에서 정의한 값은 자동적으로 Ajax 요청 시 반영됩니다. $.ajax({ // 여기에서 url 값으로 ping.php 을 다시 쓸 필요가 없.. 2012. 6. 19.
ajaxSend() Ajax 요청을 보내기 전에 호출되는 이벤트 .ajaxSend() 원문 링크 http://api.jquery.com/ajaxSend/ ajaxSend(handler(event, jqXHR, ajaxOptions) )Returns : jQuery 개요 : Ajax 요청을 보내기 전에 실행시킬 함수를 정의합니다. 이것은 Ajax 이벤트 입니다. .ajaxSend( handler(event, jqXHR, ajaxOptions) ) handler(event, jqXHR, ajaxOptions) 실행될 함수 jQuery는 Ajax 요청을 보내기 전에 매번 ajaxSend 이벤트를 발생 시킵니다. 핸들러를 .ajaxSend() 함수에서 등록하면 실행할 수 있게 됩니다. 이 함수가 동작하는 것을 보기위해 기본적인 Ajax 요청을 만들 수 있습니다. Trigge.. 2012. 6. 19.
jQuery.ajaxPrefilter() $.ajax() 함수 호출 전 Ajax 옵션 수정 jQuery.ajaxPrefilter() 원문 링크 http://api.jquery.com/jQuery.ajaxPrefilter/ jQuery.ajaxPrefilter( [dataTypes] , handler(options, originalOptions, jqXHR) )Returns : undefined 개요 : Ajax 요청을 보내기 전이나 $.ajax() 함수에 의해 호출되기 전에 Ajax 옵션들을 수정하거나 조작합니다. jQuery.ajaxPrefilter( [dataTypes], handler(options, originalOptions, jqXHR) ) dataTypes 공백 문자열로 구분된 dataType 문자열, 생략가능 handler(options, originalOptions, jqXHR.. 2012. 6. 19.
ajaxError() Ajax 에러가 발생되면 호출 .ajaxError() 원문 링크 http://api.jquery.com/ajaxError/ ajaxError( handler(event, jqXHR, ajaxSettings, thrownError) )Returns : jQuery 개요 : Ajax 요청에 대해 에러가 발생되면 호출될 핸들러를 등록합니다. 이것은 Ajax 이벤트 입니다. .ajaxError( handler(event, jqXHR, ajaxSettings, thrownError) ) handler(event, jqXHR, ajaxSettings, thrownError) 호출될 함수 Ajax 요청이 에러가 났다면 jQuery는 ajaxError 이벤트를 발생시킵니다. 모든 핸들러는 .ajaxError() 함수 내에서 정의됙 실행됩니다. 이 .. 2012. 6. 19.