Estoy tratando de implementar una llamada Ajax usando las etiquetas data-* como se describe en jquery-ajax-unobtrusive
Sé que puedo usar una función javascript con $.ajax() pero mi propósito es experimentar con las etiquetas data-ajax...
Probé este código en el archivo 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'); }El navegador muestra el botón, por supuesto, pero no sucede nada cuando hago clic en él. No puedo descubrir ningún error en el depurador del navegador. Aparentemente no pasa nada.
Intellisense no muestra las etiquetas data-ajax y amigos. ¿Olvidé incluir algo?
¿Hay algún ejemplo de trabajo completo?
La respuesta de los comentarios (ya que nadie la ha agregado):
<script src="~/lib/jquery-ajax-unobtrusive/jquery.unobtrusive-ajax.js"></script> <!-- the ~ is to symbolize your project's wwwroot folder Agregue lo anterior a su diseño maestro con todos sus otros scripts ( _Layout.cshtml por defecto).
Lo que esto hace es incluir el archivo ajax discreto de jQuery en todas sus páginas, de modo que se incluya el script principal que hace todo el trabajo.
Antes de hacer esto, asegúrese de haber instalado el paquete Microsoft.Jquery.Unobtrusive.Ajax