JS/jQuery-Ajax

Ajax - 비동기 방식

서버에서만 동작한다.

php 의 <? include ?> 처럼 따로 분리된 html 파일을 새로고침 없이 불러올 수 있다.

display : none; 은 눈에만 보이지 않고 데이터는 존재하기 때문에 트래픽이 늘어나지만.

Ajax로 불러올 시 작동시키기 전까지는 데이터가 존재하지 않아 트래픽 관리에 용이하다.

 

 

※ <a href="./link.html#id">  => 해당 링크의 id 위치로 이동

 

 var 변수명 = $('a').attr('href');  
 
 변수명 = 변수명.replace('#',' #');
 $('id명').load(변수명);
 
 //파일안에 있는 아이디의 태그만 가져오는 문법;

Ajax 문법을 사용해 html 파일을 불러올 때 function(e){e.preventDefault} 를 사용하지 않으면 해당 페이지로 이동하게된다.

 

XML, JASON, YAML

XML - 사람이 알아볼 수 있게 html 내에서 xml 코드를 tab 과 enter를 통해 들여쓰기 해놓은 코드들을 tab과 enter를 전부 제거해 한줄로 만들어준 원본 컴퓨터 코드

    XML은 <></> 형식으로 코드를 감싸기 때문에 하나의 오류가 발생하더라도 페이지가 가동한다.

    Jason은 코드를 감싸지 않기 때문에 하나의 오류가 발생하면 페이지가 작동하지 않는다.

 

Jason -  XML 코드를 html 내에서 가독성을 높힌 후 javascript의 객체 배열 형태로 가독성을 더 높힌 것

 

Yaml - JSON의 상위 집합