Ajax fetch함수 만들어서 쉽게 해보자구요~

안녕하세요. 요즘 ajax 활용을 공부하고 있는데요,

함께 알면 좋은 것을을 정리하는 노트입니다.

제가 기억하기 좋은 방법으로 기록해야 할 것 같아요~

onclick했을때 표현방법

onclick="fetchpage('html')"

이렇게 호출하면 정말 코드의 크기를 많이 줄일 수 있겠네요~

article이란 태그에 넣는 데이터는 이제 자유자재로....

<script>

function fetchpage(name) {

      fetch(name).then(function(response) {

        response.text().then(function(text){

document.querySelector('article').innerHTML = text;  

  })

});

}

</script>

위의 함수의 활용은 어마어마할 것으로 예상됩니다.

웹프로그램에 날개를 달아줄 것입니다.

Ajax는 정말 멋진 방식이네요~