forte74 Ответов: 1

Как сделать кнопки с помощью AJAX

Я смотрел это видео пару раз. По какой-то причине я просто не могу понять, как сделать кнопку щелчка, которая говорит "Hello Ajax" с помощью Ajax.

Вот мой взгляд на /Home / Index:

@{
    Layout = null;
}

<!DOCTYPE html>
<html>
<head>

    <script src="~/Scripts/jquery-1.10.2.js"></script>

    <script src="~/Scripts/jquery.unobtrusive-ajax.min.js"></script>

    <script>

        $(document).ready(function () {
            $("button").click(function () {

                $ajax({

                    type: 'GET',
                    url: '@Url.Action("HelloAjax" , "Home")',
                    success: function (result) {

                        ('#div1').html(result);

                    }

                });  // closes the ajax


            });  // closes click function
        });       // closes document ready function
    </script>




    <title>A study of population dynamics</title>


</head>
<body>


    <div id="div1"><h2>Let jQuery AJAX Change This Text</h2></div>

    <button>Get External Content</button>

</body>
</html>


Что я уже пробовал:

Аякс в ASP.NET MVC-YouTube[^]

1 Ответов

Рейтинг:
1

Richard Deeming

Ты упускаешь . - это $.ajax, нет $ajax:
на jQuery."Аякс" () | библиотека jQuery API документация[^]

Вы также упускаете $ в вашем" успешном " обратном вызове.

$(document).ready(function(){
    $("button").click(function(){
        $.ajax({
            type: 'GET',
            url: '@Url.Action("HelloAjax", "Home")',
            success: function(result){
                $("#div1").html(result);
            }
        });
    });
});


Если это не исправит ситуацию, вам придется рассказать нам, в чем заключается ошибка. Откройте инструменты разработчика Вашего браузера, нажав F12, и проверьте консоль на наличие ошибок. Большинство браузеров также предоставляют вам возможность просматривать любые сетевые запросы, сделанные со страницы, что позволит вам увидеть запрос AJAX и ответ на него в случае ошибки сервера.

forte74

Я получаю сообщение об ошибке ссылки : "Аякс" не определен

Richard Deeming

Затем вам нужно проверить, правильно ли загружается ваша ссылка на jQuery.

forte74

Я исправил 2 ошибки , и кнопка click теперь работает, но я ничего не вижу с помощью отладчика. Я набираю: результат и получаю результат
ReferenceError: результат не определен [Подробнее]

Richard Deeming

result является параметром, переданным в success обратный звонок. Это не глобальная переменная, поэтому вы не можете просто ввести имя в консоль и ожидать увидеть значение.

Добавить а console.log(result); линия к вашему успешному обратному вызову или установите точку останова на первой строке в теле обратного вызова.