Почему не выполняется Ajax запрос?

232
14 марта 2017, 12:37

Здравствуйте, почему не выполняется 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>

Answer 1

Вы слишком рано навешиваете событие обработки клика. jQuery ещё не загрузился.
Переместите скрипт ниже, после того, как подключаете jquery
И уберите атрибут async, чтобы дождаться загрузки скрипта:

<script src="/js/jquery.min.js"></script>

Вообще, в таких случаях, всегда смотрите консоль(F12) на наличие ошибок.
В вашем случае она выглядит так:

Uncaught ReferenceError: $ is not defined

READ ALSO
querySelector и regex

querySelector и regex

Добрый ДеньНужно решить следующую задачу

217
SVG embed fail by object tag

SVG embed fail by object tag

Я сделал пример: https://jsfiddlenet/wjty76Lx/ Почему это работает, если я вставляю в инлайн? но не работает, если я использую тег?Почему так?

208
Как заставить выходить таблицу за края родительского контейнера

Как заставить выходить таблицу за края родительского контейнера

Есть таблица 4-мя столбцамиВсе столбцы имеют одинаковую ширину

287