[JQuery] ajax 호출하기

ajax call

웹개발을 하면서 가장 많이 사용하는부분이 자바스크립트이고 그중 JQuery 를 많이 사용하는데요.
Jquery 를 사용하여 ajax를 호출하여 데이터 처리하는데 많이 사용합니다.
버튼을 눌렀을 때 화면의 값을 읽어서 DB 처리 페이지로 넘겨 주로 처리하죠

var form_data = { 

  MODE: "SAVE",

  DATA1: $("#DATA1").val()

};

// 폼 데이터 POST 로 넘길 값들

$.ajax({

    type: "POST",   // POST 방식으로 호출

    url: "URL",  // URL 정보

    data: form_data, 

    success: function (response) { 

        alert(response);  // response 에는 호출하고 나서 받아오는 값이 들어 있습니다.

        if(response == "OK")

        {

            alert("저장완료");

        }

         

        // 만약에  호출하고 JSON으로 데이터를 받으면

        var obj = $.parseJSON(response); 

        $.each(obj, function () {

             alert(this["VALUE"]);

        });

    }

 });

경험상 페이지를 불러 오면서 호출하는 ajax 는

async: false, 옵션을 사용하는게 좋고

그냥 버튼이랑 이베트 호출할때에는 async: true; 로 사용하는게 좋더라구요.