반응형

초기화면

- fetch_test.html

<!DOCTYPE html>
<html>
    <body>
        <input type="button" value="event button">
    </body>
</html>

 

 

버튼 누르면 알림창 띄우기

- fetch_test.html

<!DOCTYPE html>
<html>
    <body>
        <input type="button" value="event button" onclick="
            fetch('event').then(function(response){
                response.text().then(function(text){
                    alert(text);
                })
            })
        ">
    </body>
</html>

 

- event 파일

<h1>제목</h1>
내용이다.

 

 

 

버튼 누르면 글 나오게 하기

- fetch_test.html

<!DOCTYPE html>
<html>
    <body>
        
        <input type="button" value="event button" onclick="
            fetch('event').then(function(response){
                response.text().then(function(text){
                    document.querySelector('article').innerHTML = text;
                })
            })
        ">

        <article>

        </article>

    </body>
</html>

 

- event 파일

<h1>제목</h1>
내용이다.

반응형
저작자표시 (새창열림)

'📁Language > 🟨 Javascript' 카테고리의 다른 글

브라우저 렌더링 과정 이해하기 (작성중)  (0) 2023.08.19
[JS] 변수 선언 var, let, const  (0) 2023.07.25
[JS] 기본개념  (0) 2021.10.12

티스토리툴바