ajax 경로 설정

ajax의 경로를 설정할 때는 현재 페이지에서 url의 상대 경로를 설정해야 한다. 이 말은 아래의 url을 기준으로 파일을 찾아야 한다는 말이다.

아래의 코드에서 경로를 설정할 때 / 상대경로로 설정했다. 이는 위의 사진의 url의 기준에서 부터 경로를 설정하는 것이다.

ajax.get('/data/ediya-menu.xml').then(function (xmlDoc) {}

즉, http://127.0.0.1:9000/data/ediya-menu.xml 이렇게 찾아간다는 말이다.

/, ./ → 상대 경로

../ → 절대 경로

문제

처음에 작업 했을 때 작업을 하는 ajax-practice 폴더가 루트가 아닌 더 상위 폴더를 루트로 해서 작업을 했다. 그렇다 보니 /data/ediya-menu.xml를 입력했을 때 파일을 찾아오지 못했다.

/__TIL__/ajax_practice/data/ediya-menu.xml

단순하게 작업하는 파일만 열지 않고 다른 파일도 같이 열었기 때문에 경로가 복잡하게 되었다. 매번 내가 하는 실수이다. 항상 복잡하게 파일을 전부 열어 두는 습관 때문에 이런 일이 빈번하게 발생한다.

이를 해결하기 위해서 두 가지 방법

Last updated 3 years ago