Как получить html через ajax?

Question

[semennn]

Привет!

У меня есть компонент, отдельная папка. Внутри он реализован на модели MVC, есть html-файл разметки компонента. Но не получается его подтянуть во вьюху, чтобы сделать рендер компонента.
Ajax-запрос такой:

let xhr = new XMLHttpRequest();
xhr.open('GET', 'tmp/tmp.html', true);
xhr.onreadystatechange = () => {
    if (xhr.readyState !== 4) {
       return false;
    }
    if (xhr.status !== 200) {
        console.log('...');
    } else {
        this.tmp = xhr.responseText;
    }
};
xhr.send();

Но результата нет, url пробовал записывать по-разному, выносил файл шаблона компонента на один уровень с файлом в кот. идет запрос, но результата нет. Что не так?

Все файлы находятся локально на ПК.

Answer 1

[Антон Швец]

А что собственно ты ожидаешь? При получении данных выполняется функция callback, ей передается текст ответ на твой аджакс запрос.

Comments

[semennn]

эта ветка даже не срабатывает, выводится console.log.
я написал callback, когда по памяти набирал код, в оригинале там сохранение данных идет в переменную.

[Антон Швец]

semennn, значит запрос был завершен с HTTP статусом (https://developer.mozilla.org/en-US/docs/Web/HTTP/... отличным от 200.
А это уже зависит от твоего сервера, что он выдает.
Открой в браузере девтулз и посмотри там в сетевом обмене что уходит и что приходит.

[semennn]

теперь получается чтобы в компоненте подключить шаблон из соседней папки, запрос должен быть сформирован по адресу - localhost:port/kjhkdjhk/kjhdkjhf/dkjhfkdjh/kjhdkjfhk/kjhdkfjh/tmp/tmp.html
Выходит, чтобы подключать компонент надо постоянно переписывать эту вереницу папок начиная от корня.
В общем, тогда вопрос, как подключается файл html-разметки при создании папки с компонентом?

[Антон Швец]

semennn, ловите наркомана