본문 바로가기

Ajax10

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.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.
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.
jQuery.ajax() HTTP 비동기 데이터 교환 jQuery.ajax() 원문 링크 http://api.jquery.com/jQuery.ajax/ 권고사항 : 아래 글을 보시기 전에 권고드립니다. 아래는 발번역과 오역 그리고 미처 다 한글화가 되어있지 않습니다. 의미도 모른채 번역된 부분이 많기 때문에 다 건너띠고 아래쪽 예제만 보시길 강력히 권고 드립니다. 나빠진 정신건강에 대해 책임(?)지지 않습니다. ^^;;;; jQuery.ajax( url [, settings] )Returns : jqXHR 개요 : 비동기 HTTP (Ajax) 요청을 수행합니다. jQuery.ajax( url [, settings] ) url 요청을 보낼 URL 문자열 settings key/value 쌍으로 구성된 Ajax 요청 설정값. 모든 값들은 생략이 가능한 옵션값 .. 2012. 6. 12.
[javascript] AJAX 기본으로 쓰기 //ajax 객체 생성 function getAjaxHttp(){ var xmlhttp; if (window.XMLHttpRequest){// code for IE7+, Firefox, Chrome, Opera, Safari xmlhttp=new XMLHttpRequest(); }else{// code for IE6, IE5 xmlhttp=new ActiveXObject("Microsoft.XMLHTTP"); } return xmlhttp; } //데이터 요청 보내기 //요건 ajax객체와 호출한 곳에서 넘겨준 콜백 메소드를 재호출해 준다. //간단하게 정수타입을 반환해서 쓰면 utf8 필요없다. function requestAjaxData(ajax, method, url, callback){ ajax... 2011. 1. 19.