jQuery Ajax 사용법 예제 $.ajax

jQuery를 이용한 ajax 예제를 간단히 올려봅니다. 은근 잘 까먹어서 적어두는게 나을것 같더군요.

소스코드가 잘 보일것 같아서 텍스트 파일로 하나 첨부합니다. 다운 받으세요.ajax sample.txt

 

 $('.cancle').click(function (){
  var payment = $('#payment_radio').find('input[name=payment]:checked').attr('value');

  if(payment == 0)
   var answer = confirm ('취소하시겠습니까? 데이터가 삭제됩니다.');
  else
   var answer = confirm ('취소하시겠습니까?');

  if(answer){

    var no = 117;
    var payment = $('#payment_radio').find('input[name=payment]:checked').attr('value');

    $.ajax({
     type: "POST",
     url: "skin/board/visit_enroll/cancle_Ajax.php",
     data: "payment="+payment+"&no="+no

    }).error(function(msg) {
     alert('error: 파일을 찾을 수가 없습니다.');

    }).done(function(msg) {
    
     if(msg==1){
      alert('정상적으로 취소처리가 되었습니다. 리스트 페이지로 이동합니다.');
      window.location = "inner.php?sMenu=enroll_condition&mode=list";
     }else{
      alert('취소처리가 되지 않았습니다. 잠시 후에 시도해 주십시오.');
     }

    });

  }

 });

 

 

 

위의 코드에서 순수 ajax 처리 실행 코드는

 

    $.ajax({
     type: "POST",
     url: "skin/board/visit_enroll/cancle_Ajax.php",
     data: "payment="+payment+"&no="+no

    }).error(function(msg) {
     alert('error: 파일을 찾을 수가 없습니다.');

    }).done(function(msg) {
    
     if(msg==1){
      alert('정상적으로 취소처리가 되었습니다. 리스트 페이지로 이동합니다.');
      window.location = "inner.php?sMenu=enroll_condition&mode=list";
     }else{
      alert('취소처리가 되지 않았습니다. 잠시 후에 시도해 주십시오.');
     }

    });

 

입니다. 위에서 보듯이 $.ajax 로 시작되는 코드가 보이실것입니다.