본문 바로가기
Ajax

jquery ajax 요청 함수

by 샷타이거 2010. 3. 15.

jquery ajax 요청 함수

여러 예제를 봤겠지만 요청방식에는 다음과 같은 종류가 있다.

  • getJSON
  • get
  • post
  • ajax

위의 방식으로 요청하는 파라메터는 ajax빼고는 비슷하다

url 데이타 함수 이순서로 입력.예제를 참고하자

$.get('/stest.php', {'param':'jquery'}, function(data) { 
...});

가장간단한 방식은 load이다.

load

어떤 위치의 test.html을 불러온다면

 $('#test').load('/test.html'});

load는 가장간단한 방식니다. 데이타형식이 객체라면 post 아니면get 방식으로 불러온다. 또 차이점은 문서의 일부분을 불러올수있다는점

 $('#test').load('/test.html' #part});

위의 소스는 test.html이라는 문서의 아이디(id) part부분만을 불러올것이다.

get,getJSon,get

일부 매개변수들을 서버 상의 페이지로 전달해야 할 경우가 종종 있다. jQuery를 사용하면 이는 매우 간단하다. 필요한 메소드가 어떤 것인지에 따라서 $.post()와 $.get() 중 선택한다. 선택적 데이터 객체와 콜백 함수를 전달할 수도 있다. 아래는 데이터를 보내고 콜백을 사용하는 예제이다.

$.post('test.cgi', {
    text: 'my string',
    number: 23
}, function() {
    alert('테스트 성공요.');
});

getJSon은 json파일을 이용할때이다 별반다를바없다.

$ajax()메소드

이 메소드는 위방식을 모두 이용할 수 있다.앞서 데이타 타입, 전송방법등을 보았다면 여기선 그걸 지정해주고 요청에맞게한다. 아래예제를 보자

$.ajax({
    url: 'test.xml', //url
    type: 'GET', //post,get,등..전송방식
    dataType: 'xml',//데이타 타입
    error: function(){// 실패시 실행함수
        alert('테스트 실패요');},
    success: function(xml){// 성공시 실행 함수
     alert('테스트 성공요');
    } });

잘알다시피 ajax서버가 구현될때 가능한것이다.무작정 브라우저 듸우고 왜안되냐고 질문하기도 하는데 자기컴퓨터에 서버를구축하든지 아니면 웹에 올려서 테스트해봐야 결과가 나온다.


댓글