Hello World?

AJAX와 JQuery로 JSON 통신 본문

JQUERY/AJAX

AJAX와 JQuery로 JSON 통신

쮠이 2017. 7. 13. 19:19

자바스크립트로 서블릿이나 서비스를 통신하기 위해서는 이벤트 발생시 AJAX 로 CRUD 처리를 해야할 때가 있다

그때 쓸수 있는 JAVASCRIPT 로 AJAX 와  Jquery를 이용할 수 있는데, 

두개의 문법을 비교해보자.

 

AJAX 원형을 살펴보자

 

Ajax 원형

  var url  = '/test.do';

  $.ajax  (
        {
               data : "1=1" + data
             , dataType: "json"
             , type : "post"

             , async : true  -- 동기식으로 할 경우 false
             , url  :  url
             , success : function(objJSONData) {    }
             , error   : function(objJSONData)  {  alert("에러"); }
        }
 );

 

Jquery 로 처리할 경우는 아래와 같다

 

 Jquery 원형

     var data = { a : 10, b : 20 }; 

     var url = '/test.do';

 

     $.ajaxSetup({ async: false});

 

   $.getJSON( url, data )
      .done(function( json ) {   //success })
      .fail(function( jqxhr, textStatus, error ) {
          var err = textStatus + ", " + error;
          alert ( "Request Failed: " + err );

       }

  );

 

   $.ajaxSetup({ async: true});

 

 

 

test.do 에서 JSON 형태의 String을 리턴하면 된다.

저작자표시 변경금지