Здравствуйте, почему не выполняется ajax запрос?Или я что-то не понимаю. Но смысл всего этого в том, что мне нужно разместить ссылку на странице, нажав которую откроется окошко с содержимым вот этой страницы https://site.ru/adler.php
// обработка нажатия (click) на ссылку, с классом btn_ajax
$('.btn_ajax').on('click', function(e){
e.preventDefault(); // отмена события по умолчанияю
// метод Ajax POST
$.post(
"https://site.ru/adler.php", // ссылка на php файл, который будет обрабатывать запрос
{}, // объект запроса, если ничего не надо передать, то оставляем пустым
onAjaxSuccess // вызов функции обработчика ответа
);
// функция, которая обрабатывает ответ. Ответ представляет из себя объекта data
function onAjaxSuccess(data)
{
// Здесь мы получаем данные, отправленные сервером и выводим их на экран.
alert(data);
}
});
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<a href="#" class="btn_ajax">CLick me</a>
Вы слишком рано навешиваете событие обработки клика. jQuery ещё не загрузился.
Переместите скрипт ниже, после того, как подключаете jquery
И уберите атрибут async
, чтобы дождаться загрузки скрипта:
<script src="/js/jquery.min.js"></script>
Вообще, в таких случаях, всегда смотрите консоль(F12) на наличие ошибок.
В вашем случае она выглядит так:
Uncaught ReferenceError: $ is not defined
Кофе для программистов: как напиток влияет на продуктивность кодеров?
Рекламные вывески: как привлечь внимание и увеличить продажи
Стратегії та тренди в SMM - Технології, що формують майбутнє сьогодні
Выделенный сервер, что это, для чего нужен и какие характеристики важны?
Современные решения для бизнеса: как облачные и виртуальные технологии меняют рынок
Я сделал пример: https://jsfiddlenet/wjty76Lx/ Почему это работает, если я вставляю в инлайн? но не работает, если я использую тег?Почему так?
Есть таблица 4-мя столбцамиВсе столбцы имеют одинаковую ширину