[jQuery Code] 제이쿼리 Ajax 기본 사용법

📝Ajax 통신

 $.ajax({
     url:_search_url,
     //dataType:"JSON",
     type: 'POST',
     data: {
         search  : search,
         offset  : offset,
         limit   : limit,
         startDate : startDate,
         endDate : endDate,
         searchType : searchType
     },
     success: function( data ) {

                 .....


        $("#data_uniq1").html(tag); //새롭게 프로젝트 list를 생성한다.
         ....
     },//success
     error : function(xhr, status, error) {
         alert("에러 발생");
     }
 }); //ajax end

ajax에 대해서 먼저 이야기 하겠습니다.

 

📝type

어떤 통신방식을 이용할지에 대해 적어주시면 됩니다.

종류 : GET, POST

 

📝url

통신할 URL입니다.

 

📝data

보낼 데이터입니다. json 형식이라고 생각하시면 됩니다.

예) search (키) search(값)

 

📝dataType

보낼 데이터에 대한 정의입니다.

종류 : "html", "xml", "json", "text"

 

📝success : function(data)

통신에 성공했을 시 작동할 콜백함수입니다.

성공시 반환해주는 return값이 data라는 변수에 들어가게 되어서 data라는 이름으로 이용하게 됩니다.

(data가 아니라 abc 이런식으로 바꿔도 상관 없음 → success : function(abc) )

 

📝error : function()

전송에 실패하면 실행될 코드입니다.

 

 

ajax통신할 때 장점은 화면이 깜빡 거리지 않는다는 장점이 있습니다. (SPA)