[오라클자바커뮤니티제이쿼리강좌]jQuery Ajax 지원 $.ajax 메소드 이외의 Ajax 관련 메소드 .get, .post, .getJSON, .getScript, .load

jQuery Ajax 지원 $.ajax 메소드 이외의 Ajax 관련 메소드 .get, .post, .getJSON, .getscript, .load

오라클자바커뮤니티에서 설립한 오엔제이프로그래밍 실무교육센터

(오라클SQL, 튜닝, 힌트,자바프레임워크, 안드로이드, 아이폰, 닷넷 실무전문 강의)  

www.onjprogramming.co.kr

$.ajax 메소드 이외의 Ajax 관련 메소드

 

$.get() : get 방식으로 aajx 수행
$.post() : post 방식으로 Ajax 실행
$.getJSON() : get 방식으로 Aajx를 수행 후 JSON 데이터를 가지고 옴
$.getscript() : get 방식으로 Aajx를 수행 후 scRIPT 데이터를 가지고 옴
$(selector).load() : Aajx를 수행 한 후 선택자로 선택한 문서객체 안에 응답 받은 문자열을 넣음

$.get(url, function (data, textStatus, jqXHR) {});
$.post(url, function (data, textStatus, jqXHR) {});

 

 

$.get(‘/ajax/AjaxAction’,  function(data) {
 $(‘body’).html(data);
});

$.post(‘/ajax/AjaxAction’,  function(data) {
 $(‘body’).html(data);
});

또는 아래처럼 load로 한번에…

$(‘body’).load(‘/ajax/AjaxAction’);

 

jQuery Ajax 기타 메소드

 

$.param() : 객체를 쿼리 문자열로 바꿈
$.serialize() : 입력양식의 내용을 요청 매개 변수 문자열로 만듬

 

<script>
    $(document).ready(function () {
        var queryString = {
      name:’OnJ’,
           tel:’8514790’
        };

     $(‘body’).html(‘<h3>’ + $.param(queryString) + ‘</h3>’);
</scrip>

[결과]
Name=OnJ&tel=8514790

 

 

 

[출처] 오라클자바커뮤니티 - http://www.oraclejavanew.kr/bbs/board.php?bo_table=LecAJAX&wr_id=95