Library/jQeury

jQuery - ajax 란?

청렴결백한 만능 재주꾼 2021. 1. 28. 01:15
반응형

Asynchronous JavaScript and XML 의 약자

Javascript 와 XML를 이용한 비동기적으로 서버와 통신하는 방식

XML 이라고 표현되어 있지만 최근에는 json형식으로 더 많이 쓰고 있다. 

 

jQuery를 이용한 ajax 예제 (출처 - 나무위키)

<html>
 <head>
  <script type="text/javascript">
   $.ajax({
    url: "//namu.wiki/raw/틀:틀%20모음/",
    method: "GET",
    dataType: "text",
    success: function(data) {
     $("#content").html(data);
    }
   })
  </script>
 </head>
 <body>
  <div id="content"></div>
 </body>
</html>

주요 속성

data : 서버에 전송할 데이터, key/value형식의 개체

dataType : 서버가 리턴하는 데이터 타입 (xml, json, script, html)

type : 서버로 전송하는 데이터의 타입(POST, GET) 기본값 은 겟

url : 데이터를 전송할 URL

success : ajax 통신에 성공했을 때 호출될 이벤트 핸들러

 

출처 생활코딩

반응형

'Library > jQeury' 카테고리의 다른 글

jQuery - preventdefault  (0) 2021.02.24
jQuery 배우면서 끄적인 코드  (0) 2021.02.24
jQuery - 메소드들 methods  (0) 2021.02.18
jQuery - jQuery 제이 쿼리란 ?  (0) 2021.02.11
jQuery - 선택자 Selector  (0) 2021.01.27