• 회원가입
  • 로그인

[AJAX] JQ - Intro (아작스소개) - 페이지 새로고침 없이 데이터 갱신 메서드 : load()

목차

  1. AJAX  정의
  2. AJAX  예제

 

AJAX  정의


전페 페이지 새로고침 않고, 해당 요소만 바로 불러오는 기능.

 


 

1.

AJAX  (아작스:  Asynchronous JavaScript and XML) 

: 비동기식 JS 및 XML


2.
jQuery AJAX 메소드를 사용하면 HTTP Get 및 HTTP Post를 사용하여 원격 서버에서 텍스트, HTML, XML 또는 JSON을 요청할 수 있으며 웹 페이지의 선택된 HTML 요소에 외부 데이터를 직접로드 가능.
(아래 예 참고)



PS. 관련주소

 

다음 API 책 정보 가져오기 - 조코딩 님.

https://youtu.be/QPEUU89AOg8

 

생활코딩 ajax 강의

https://youtu.be/XbeEc_uRCsY (1/2)

https://youtu.be/jQhzL1nkk2s (2/2)

 

 

AJAX  예제

※ test.txt 파일 내용

 

홈짱닷컴 (Homzzang.com)

 


※ test.php 파일 내용

 

<!DOCTYPE html>

<html>

<head>

<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>

<script>

$(document).ready(function(){

    $("button").click(function(){

        $("#hz").load("test.txt");

    });

});

</script>

</head>

<body>

    <div id="hz"><h2>여긴 어디?</h2></div>

    <button>알려줘!</button>

</body>

</html>

 


방문 감사합니다. (즐겨찾기 등록: Ctrl + D)

찾아주셔서 감사합니다. Since 2012