본문 바로가기

jQuery AJAX4

jQuery AJAX 함수 Reference 이번장에서는 jQuery AJAX Reference에 대해서 알아보겠습니다. AJAX는 전체페이지를 로딩하지 않고 서버와 데이타 및 웹페이지의 업데이트 부분을 불러들일수 있는 예술적인 기능을 합니다. AJAX 기능에 대해서 조금더 자세히 알고싶은 분들은 저의 블로그 jQuery AJAX 를 방문하시면 됩니다. 다음 내용은 모든 jQuery의 AJAX 방법을 나타냅니다. $.ajax() AJAX의 요청을 수행합니다. $.ajaxPrefilter() AJAX 요청을 보내기 전이나 $.ajax() 함수에 의해 호출되기 전에 AJAX 옵션들을 수정하거나 조작합니다. 말이 좀 어렵습니다. ^^; 저도 코딩하면서 거의 본적이 없는 함수이기에 .... 내용인즉슨 미리 정의 되어있는 AJAX의 요청을 취소 또는 수정할.. 2013. 6. 5.
jQuery AJAX get(), post() jQuery AJAX get() 요청 방식과 post()의 요청방식 둘다 사용 가능합니다. jQuery get() 은 기본적으로 서버로부터 데이터를 가져오는데 사용됩니다. jQuery post() 은 서버로부터 일부 데이터를 가져옵니다. jQuery get() $.get(URL,callback); 기본사용 문법 $("button").click(function(){ $.get("test.php",function(data,status){ alert("Data: " + data + "\nStatus: " + status); }); }); // test.php 의 내용을 읽어들입니다. test.php 의 내용은 --------------------------------------- ----------------.. 2013. 5. 27.
jQuery AJAX load() 이번장에서는 jQuery AJAX load() 함수에 대해서 알아보겠습니다. 실무에서 요긴하게 써먹는 부분이니 알아두면 도움이 많이 될듯합니다. jQuery load() 함수는 간단하지만, 강력한 AJAX 방식입니다. jQuery load() 함수는 전체 웹페이지를 새로고침하지 않고 웹페이지의 일부분만을 업데이트할 수 있습니다. $(selector).load(URL,data,callback); // 기본 문법 - URL 은 불러들일 페이지의 주소값입니다. - data 는 쿼리스트링 매개변수값 입니다. - callback 은 load 함수가 완료된 후 실행되는 함수 입니다. 관련예제를 살펴보기전에 우선 text.txt 화일을 미리 생성해 둡니다. test.txt 파일의 내용은 ----------------.. 2013. 5. 27.
jQuery AJAX 소개 이번 장에서는 jQuery AJAX의 기능에 관한 소개를 하겠습니다. AJAX는 웹페이지의 일부를 업데이트 할수 있고 서버와 데이터간의 교환을할 수 있는 예술적인 기술입니다. AJAX는 Asynchronous JavaScript and XML 의 줄임말입니다. 다시 말해서 AJAX는 전체페이지 로딩없이 백그라운드에서 데이터를 로딩할 수 있습니다. 설명이 조금 어려운듯 하여 예를 들어서 추가 설명하겠습니다. ☞ 예를들어 A.php 와 B.php가 있다고 가정했을때 A.php에서 B.php에 데이터를 읽어들이고 싶을경우 보통 팝업창을 띄워서 javascript 부모, 자식 기능을 이용하여 그 내용을 읽습니다. 하지만 AJAX는 그러한 작업없이 바로 하나의 페이지에서 두 개 이상의 다른 페이지에 있는 데이터를.. 2013. 5. 25.