@andreyiginov

Почему не работает ajax?

Здравствуйте! Пишу код на локальном сервере (Open Server) по примеру из видео. Но он почему-то не работает.
Вот HTML:
<!DOCTYPE html>
<html lang="ru">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>AJAX</title>
</head>
<body>
    <input type="button" id="shop_ip" value="Показать мой IP">
    <div id="myip"></div>
    <script src="script.js"></script>
</body>
</html>

Вот JavaScript:
window.onload = function() {
    document.querySelector('#shop_ip').onclick = function() {
        ajaxGet();
    }
}

function ajaxGet() {
    var request = new XMLHttpRequest();
    request.open('GET', 'ip.php');
    request.send();
}

Вот PHP:
<?php
echo $_SERVER['REMOTE_ADDR'];

У человека из видео точно такой же код и при этом у него после клика в консоли браузера выводится следующее
5ea55c651ae96819440155.jpeg

У меня же ничего не выводится
5ea55ca9bbe6c373925973.jpeg

Вот как файлы расположены, если это важно:
5ea55d02ae607253286405.jpeg

У меня есть некие подозрения что это видео не новое так сказать и в браузерах что то изменилось. Что теперь это выводится в другом месте, но это лишь мои мысли хочу узнать так ли это?
Вот "полазив" во вкладке network в хроме увидел следующее.
5ea55de2891d2551892469.jpeg
5ea55deadeda7383143115.jpeg

Кто знает, подскажите пожалуйста. В чём дело? Буду рад любой помощи. Спасибо!

Ах, да вот что на странице где php код. Этим я хочу показать что php работает. С ним тоже вроде всё норм.
5ea55e91341eb587115891.jpeg
  • Вопрос задан
  • 128 просмотров
Пригласить эксперта
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Похожие вопросы