givepro

Ajax 기본 동작 본문

프론트엔드/javascript & jquery

Ajax 기본 동작

givepro 2022. 11. 4. 11:08
반응형
요청을 백그라운드에서 처리
jQuery에서 지원하는 Ajax의 사용예제

$.ajax({
 type : " POST 또는 GET ",
 url : " Ajax를 통해 내용을 전달하고자 하는 페이지 경로 "
 data : 전달하고자 하는 내용 (POST 방식일 경우),
 dataType : " json, text 등 내용의 전달방식 ",
 beforeSend : function(xmlHttpRequest) {
 },
 success : function(msg) {
if(msg.result == "success"){

      alert("처리를 성공하였습니다."); 

 }else if(msg.result != "success"){

      alert("처리를 실패하였습니다.");
 }
 location.href=" 작업 처리 성공 시 이동하길 원하는 페이지 (쓰지 않아도 관계없음) ";
 },
 error : function(xmlHttpRequest, textStatus, errorThrown) {
 alert(" 처리 중 에러발생 [" + textStatus + "]");
 }
 });

 

 

Comments