Как правильно вызвать alert при обработке post запроса?

Question

[maiskiykot]

Что-то тупанул малость. Как мне вызвать окошко alert при обработке post запроса? У меня как-бы идет обработка запроса, потом идет вывод при помощи <script></script> и вставляю это дело в head страницы. Код прописывается в html. Однако alert не выводится и не скрывается элемент div, который пытаюсь скрыть при помощи display:hidden. Почему? Нужно в body поместить?

Answer 1

[Николай Чуприк]

1). Крайне непонятно написано, код не представлен. Какой post-запрос, обычный или асинхронный? Кто, чего скрывает.

2). Расположение <script> в файле влияет на доступность этому скрипту других DOM-элементов. Скрипт начинает исполняться сразу, как только он загрузился. Ваш <div> в это момент ещё отсутствует.

Переместите скрипт в конец html-файла или оберните код, чтобы он запускался по готовности DOM-структуры
на jQuery:

$( function()  {
...  // Здесь ваш код
} )

без jQuery:

window.onload = function()  {
...  // Здесь ваш код
}

3). Что там у вас с алертом, я угадать не могу.

4). И вообще

Нужно в body поместить?

По-моему, проверить это самому быстрее, чем написать вопрос на toster.

5). Пользуйтесь отладчиком в браузере. Мне кажется, вы им не пользуетесь.

Comments

[maiskiykot]

POST все правильно разбирается. Код в html вставляет. Однако сам JS не срабатывает. Эксперименты с JS у меня редко оканчиваются успехом, поэтому здесь и спрашиваю. Вот такой код у меня вставляется в head

<script>
        document.getElementsById('stars').style.display = 'hidden';
        alert('Что-то такое!'); 
  </script>

[Николай Чуприк]

maiskiykot,

1). Ошибка в первой строке, дальше код, разумеется, не выполняется. Обратите также внимание на правильное написание getElementById, а не getElementsById

По-видимому, вы хотели так:

document.getElementById( 'stars' ).style.display = 'hidden';
alert('Что-то такое!');

2). Ну и то, что я сказал про доступность DOM-элементов. Дива stars ещё нет, когда начинается выполнение кода.

3). Научитесь работать с профайлером в браузере (F12). Там есть например Console. Туда выводятся сообщения об ошибках.

[maiskiykot]

Николай Чуприк, Это я очепятался. Я добавил ваше window.onload и все равно не растет. Буду пробовать перемещать скрипт в тело body. Просто все в шаблоне уже забито - придется изменять шаблон.

[Николай Чуприк]

1). Попробуйте

window.onload( function()  {
...  // Здесь ваш код
} )

2). Поставьте alert первой строкой, убедитесь, что скрипт запускается вообще.

[maiskiykot]

Переместил скрипт в тело и сработало.