javascript/Ajax

jquery Ajax Code

WS.GI 2023. 7. 22. 03:29
여러분의 후원은 큰 힘이 됩니다. 기업은행 35611080101018
반응형
function sample(){
  let post_url = '/url' ;  
  $.ajax({
      type: "POST",
      url: post_url,
      data : {
        "u_co" : $("").val(),
      },
      async:false,
      success: function(response){
   
      }, 
      error : function(xhr, textStatus, errorThrown){
        // Error시, 처리
        alert(xhr);
        alert(textStatus);
        alert(errorThrown);
      }
  });
}
구분 속성 값  설명
기본 type 통신 타입을 설정합니다. (get, post)
url 요청할 url을 설정합니다.
data 서버에 요청할 때 보낼 매개변수를 설정합니다.
dataType 응답 받을 데이터 타입을 설정합니다.
(xml, plain, html, json 등)
설정 async 비동식으로 처리할지의 여부를 설정합니다.
(true일 경우 비동기식, false일 경우 동기식)
statusCode HTTP 상태코드에 따라 분기처리되는 함수를 설정합니다.
jsonp jsonp를 사용할 때 이용하는 파라미터명을 설정합니다.
async 비동기 통신의 여부를 설정합니다.
contentType 서버로 요청할 데이터 타입을 설정합니다.
(application/json, text/plain, text/html 등)
처리함수 success 요청 및 응답에 성공했을 때 처리 구문을 설정합니다.
error 요청  응답에 실패했을  처리 구문을 설정합니다.
complete 모든 작업을 마친  처리 구문을 설정합니다.
beforeSend(xhr) ajax 요청이 가기 전에 실행하는 처리 구문을 설정합니다.
function sample(){
  let post_url = '/url' ;  
  $.ajax({
      type: "post",
      url: post_url,
      data : {
        "u_co" : $("").val(),
      }
  })
  .done(function(data){
  
  });
}
콜백함수 done(callback) 요청 성공 시에 호출되는 함수입니다.
fail(callback) 요청 실패 시에 호출되는 함수입니다.
always(callback) 성공실패 관계 없이 항상 호출되는 함수입니다.
beforeSend(xhr) ajax 요청이 가기 전에 실행하는 처리 구문을 설정합니다.

 

반응형

'javascript > Ajax' 카테고리의 다른 글

javascript Ajax Code  (0) 2023.07.22
Ajax  (0) 2023.07.21