Внедрить вызов Ajax с использованием данных тегов - *

Я пытаюсь реализовать вызов Ajax с использованием данных тегов- *, как описано в jquery-ajax-unobtrusive

Я знаю, что я могу использовать функцию javascript с $.ajax(), но моя цель - поэкспериментировать с тегами data-ajax...

Я пробовал этот код в файле cshtml

<a class="btn btn-primary" data-ajax-url="/Home/AjaxSample" data-ajax="true" data-ajax-success="AjaxSuccess" data-ajax-failure="AjaxError" data-ajax-method="GET">Ajax</a>

// other code...

function AjaxSuccess() { alert('AjaxSuccess'); }
function AjaxError() { alert('AjaxError'); }

В браузере отображается кнопка, но ничего не происходит, когда я нажимаю на нее. Я не могу обнаружить ошибки в отладчике браузера. Ничего не происходит, видимо.

Intellisense не показывает данные тегов - ajax и друзей. Я забыл что-то включить?

Есть ли какие-либо полные рабочие примеры?

Ответы

Ответ 1

Ответ от комментариев (поскольку никто не добавил его):

<script src="~/lib/jquery-ajax-unobtrusive/jquery.unobtrusive-ajax.j‌​s"></script>
<!-- the ~ is to symbolize your project wwwroot folder

Добавьте приведенное выше в свой основной макет со всеми вашими другими сценариями (_Layout.cshtml по умолчанию).

Что это значит, это включить ненавязчивый ajax файл jQuery на все ваши страницы, так что основной script, который делает всю работу, включен.

Прежде чем это сделать, убедитесь, что вы установили пакет Microsoft.Jquery.Unobtrusive.Ajax