FromtoB is a web and app production company

SPACE TO MAKE

The sound of people living
FromtoB People LABS



[Coding] 데이터전송의 동기,비동기 방식 처리 - ajax

작성자 FromtoB
작성일 20-01-20 11:25 | 441 | 0

본문

ajax - Asynchronous javascript and XML

Asynchronous - 비동기

서버측에 데이터 요청 이후 서버측의 처리와 상관없이 바로 다른 다른 작업을 진행시 적용된다.


var dp_flag = true;

$.ajax({

     url : "server-path",

     type : "POST",
     data : "",

     async : true,

     success : function( jsondata ){

        dp_flag = true;

     },

     error : function (jqXHR, textStatus, errorThrown) {

dp_flag = false;

     }

});

if(dp_flag == true) alert("비동기");



async의 기본값은 true로 위의 코드의 경우 비동기식이기 때문에 data의 처리와는 상관없이 비동기라는 알림창을 무조건 보게 된다.

비동기의 경우 success, error는 위 자바스크립트 진행에 영향을 미치지 않는다.


Synchronous - 비동기

서버측의 데이터 처리를 순차적으로 결과를 받아 처리 할경우 


var dp_flag = true;

$.ajax({

     url : "server-path",

     type : "POST",
     data : "",

     async : false,

     success : function( jsondata ){

        dp_flag = true;

     },

     error : function (jqXHR, textStatus, errorThrown) {

dp_flag = false;

     }

});

if(dp_flag == true) alert("동기");

서버측의 결과에 따라 알림창이 뜨는 것을 확인 할수 있다. 


입력된 서명이 없습니다.
  • 트위터로 보내기
  • 페이스북으로 보내기
  • 구글플러스로 보내기

댓글목록 0

등록된 댓글이 없습니다.

FromtoB People LABS 목록