Ajax

Ajax (Asynchronous Javascript And XML)

페이지의 이동 없이 데이터베이스나 다른 웹페이지의 내용을 가져올 때 주로 이용

예) 아임포트에서 카카오페이 결제할때 자바스크립트 내에서 사용한 코드

jQuery.ajax({
      url: '/paypage/payok.php',    //루트폴더 기준(절대경로 : html/paypage/payok.php
      type: 'POST',
      //dataType: 'json', //이론상 필요한데 이 부분 때문에 자꾸 Unexpected end of JSON input 에러가 나고, 이 부분 지우니까 됨.
      data: {
        imp_uid : rsp.imp_uid,
        shouldprice : ".$amount."   //값이 문자열인 경우 문자열을 감싸는' '가 포함 되있어야함!!
      },
 
      //호출한 PHP문서에서 echo로 출력한 것을 리턴 받음 : data가 리턴값
      //성공적으로 호출 후 리턴 받은 경우
      success: function(data){
        document.writeln(data);
        document.writeln('성공');
      },
 
      //호출 리턴에 실패한 경우
      error: function(request, status, error){
        document.writeln(request.status+request.responseText+error);    //에러 로그 출력
          document.writeln('실패');
      }
});

payok.php를 호출하여 그 문서에서 무언가 처리한 후 원래 페이지로 돌아와 성공한 경우 실패한 경우에 대한 정의를 하여,

한 웹페이지에 머물면서 다른 문서의 호출 처리가 가능하다.

참고 : http://www.walterz.net/2017/07/18/jquery-php-json-%EB%B0%A9%EC%8B%9D%EC%9D%98-ajax-%EA%B5%AC%ED%98%84-%EB%B0%A9%EB%B2%95/

참고 : https://zetawiki.com/wiki/JQuery_ajax_%2B_PHP_%EC%98%88%EC%A0%9C