1

Проблема с запросом ajax. Пишет что ошибка, почему это происходит?

(function() {
    var request = new XMLHttpRequest();
    request.onreadystatechange = function() {
        // проверяем вернулись запрошенные данные
        if(request.readyState === 4) {
            // проверяем успешен ли запрос
            if(request.status === 200) {
                console.log('Успех');
                console.log(request.responseText);
            } else {
                console.log('Ошибка');
            }
        }
    }
    request.open('Get', 'http://...');
    request.send();
})();
1
  • 4
    Никогда. Слышите? НИКОГДА! Не говорите никому, что за ошибки Вы получаете. Так всем будет гораздо интереснее Вам помогать. console.log(request.responseText); - ?
    – user176262
    17 июн 2018 в 16:35

1 ответ 1

2

Должно все работать, вот ваш же код с моей ссылкой на json-файл:

var url = 'https://raw.githubusercontent.com/smelukov/citiesTest/master/cities.json';

var request = new XMLHttpRequest();
request.onreadystatechange = function() {
  // проверяем вернулись запрошенные данные
  if (request.readyState === 4) {
    // проверяем успешен ли запрос
    if (request.status === 200) {
      console.log('Успех');
      console.log(request.responseText);
    } else {
      console.log('Ошибка');
    }
  }
}
request.open('GET', url, true);
request.send();

Скорее всего у вас либо не верная ссылка, либо сервер не отвечает.


А вообще бы рекомендовал использовать promise:

function loadTowns() {
  var url = 'https://raw.githubusercontent.com/smelukov/citiesTest/master/cities.json';
  return new Promise((resolve, reject) => {
    var xhr = new XMLHttpRequest();
    xhr.open('GET', url, true);

    xhr.onload = function() {
      if (this.status == 200) {
        resolve(JSON.parse(this.responseText));
      } else {
        var error = new Error(this.statusText);
        error.code = this.status;
        reject(error);
      }
    };

    xhr.onerror = function() {
      reject(new Error("Network Error"));
    };

    xhr.send();
  });
}

loadTowns()
  .then(resolve => {
    console.log(resolve);
  }).catch(e => console.log(e));

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

2
  • К сожалению мне пишет `Refused to connect to 'http://...' because it violates the following Content Security Policy directive: "connect-src 'self'. Я делаю скрипт в Tampermonkey. Почему он запрещает?
    – MegaRoks
    18 июн 2018 в 17:05
  • Попробуй: <meta http-equiv="Content-Security-Policy" content="default-src 'self'"> в header
    – user192664
    18 июн 2018 в 17:13

Ваш ответ

By clicking “Отправить ответ”, you agree to our terms of service and acknowledge that you have read and understand our privacy policy and code of conduct.

Всё ещё ищете ответ? Посмотрите другие вопросы с метками или задайте свой вопрос.