Сервер статус 0?

Question

[AsdfAsdfSK]

Доброго утра всем. Изучая JS,а именно AJAX,столкнулся со следующей проблемой:
при отправке GET запроса сервер выдаёт статус 0.
Код:

let button=document.querySelector('.centerButtonResumeBlock')

			button.addEventListener('click',clicker)


			function clicker(){
				var xhr=new XMLHttpRequest();
				xhr.open('GET','inner.js',true)
				xhr.send()


				if(xhr.status!=200){
					alert(xhr.status + ":"  + xhr.statusText)
				}
				else{
					alert(xhr.responseText)
				}

			}

^Запрос

var http = require('http');
var url = require('url');
var querystring = require('querystring');
var static = require('node-static');
var file = new static.Server('.', {
    cache: 0
});


function accept(req, res) {

    if (req.url == '/inner.js') {
        // искусственная задержка для наглядности
        setTimeout(function() {
            file.serve(req, res);
        }, 2000);
    } else {
        file.serve(req, res);
    }

}


// ------ запустить сервер -------

if (!module.parent) {
    http.createServer(accept).listen(8080);
} else {
    exports.accept = accept;
}

^сервер

Думаю,json файл смысла закреплять сюда нет.
P.S все файлы находятся в одной папке Components,так что дело не в том,что я неверно указал путь к джсон файлу.
PPS сам node js рабочий
Буду благодарен за любую помощь

Comments

[Lynn «Кофеман»]

А запрос точно до сервера дошёл?
Вроде status=0 это какая-то сетевая ошибка.
Ну и посмотрите логи в консоли

[AsdfAsdfSK]

Алексей Тен, index.html:218 Access to XMLHttpRequest at 'file:///D:/site/components/inner.js' from origin 'null' has been blocked by CORS policy: Cross origin requests are only supported for protocol schemes: http, data, chrome, chrome-extension, https.
clicker @ index.html:218
Как-то так.

[AsdfAsdfSK]

Алексей Тен, Погуглил,написано,что AJAX не работает через протокол file. ХМ

[Lynn «Кофеман»]

И как вы собирались через file обращаться к серверу на ноде?

Answer 1

[Interface]

Скорее всего из-за краткой записи xhr.open('GET','inner.js',true)
запрос уходит по протоколу file:// потому что скорее всего вы открываете сайт с жесткого диска напрямую, а в xhr.open не указываете протокол явно, поэтому он "наследуется" от страницы.

Я советую вам:
1) открывать сайт через локальный сервер. То есть по адресу по типу localhost:5000 . Для этого может помочь библиотека serve: https://www.npmjs.com/package/serve
после того как сможете открыть сайт на localhost'e
2) максимально упростите обработку запроса на ноде и код сервера. Например шлите всегда на все "Hello world!"

тогда у вас должно получиться собрать работающий пример с AJAX, затем постепенно наращивайте тот функционал, который вам нужен и тогда сможете поймать конкретную причину почему что-то не работает.

Существенна вероятность того, что вам и не нужно решать эту проблему, а достаточно просто запустить локальный сервер.

Comments

[AsdfAsdfSK]

Спасибо большое.Постараюсь поработать в этом направлении

[AsdfAsdfSK]

Всё сделал,всё заработало. Извините,что беспокою,но вы не подскажите,как можно вызывать в запросе не текст файла,а его результат кода? Допустим я хочу получать некий файл,который содержит в себе функцию.Делаю я это таким способом:

function clicker(){
    var xhr=new XMLHttpRequest()

    xhr.open('GET','text.js',false)

    xhr.send(null)

    if(xhr.status!=200){
      alert(xhr.status + xhr.statusText)
    }
    else{
      alert(xhr.responseText)
    }
  }

Однако я бы хотел получать результат кода,не его текст.Как это можно сделать?Много гуглил,но решения,увы,не нашёл

[Interface]

AsdfAsdfSK, код можно выполнить с помощью функции eval. почитайте про нее. Но кажется вам достаточно динамически подгрузить скрипт. Примерно так: https://gomakethings.com/a-better-way-to-load-scri...

[AsdfAsdfSK]

Interface, В очередной раз выручили. Спасибо большое:D

[Interface]

AsdfAsdfSK, можете отметить ответ как решение, если он является таковым