Este documento describe cómo realizar solicitudes AJAX con ASP.NET MVC utilizando jQuery. Explica cómo cargar vistas parciales, procesar formularios y devolver datos JSON a través de solicitudes AJAX, así como el uso de helpers de AJAX de ASP.NET MVC como Ajax.ActionLink y Ajax.BeginForm. También cubre cómo validar solicitudes AJAX y manejar casos cuando JavaScript no esté habilitado.
Aquí podrás encontrar definición, tipos y ejemplos de jdbc.
Si quieres mas información aquí te dejamos un link de nuestro blog si lo deseas:
https://www.blogger.com/blogger.g?blogID=6264981963759127762#allposts
Cómo hacer llamadas AJAX correctamente en Wordpress y cómo llamar tus ficheros javascript en el template con ejemplos. Dentro de las sesiones de formación de Artvisual del 2012
Aquí podrás encontrar definición, tipos y ejemplos de jdbc.
Si quieres mas información aquí te dejamos un link de nuestro blog si lo deseas:
https://www.blogger.com/blogger.g?blogID=6264981963759127762#allposts
Cómo hacer llamadas AJAX correctamente en Wordpress y cómo llamar tus ficheros javascript en el template con ejemplos. Dentro de las sesiones de formación de Artvisual del 2012
Desarrollo de Aplicaciones con Microsoft Ajax 1.0 y Ajax Control Toolkitpabloesp
Esta presentación hace un respaso completo sobre las técnicas necesarias para desarrollar aplicaciones con Microsoft Ajax 1.0 y el Ajax Control Toolkit. Repasamos conceptos generales sobre Ajax, para revisar, de forma practica, cómo integrar Ajax en aplicaciones ASP.NET 2.0, Servicios Web, etc... Usaremos los controles UpdatePanel, UpdateProgress, etc... así como los elementos del Control Toolkit
Ajax, acrónimo de Asynchronous JavaScript And XML (JavaScript asíncrono y XML), es una técnica de desarrollo web para crear aplicaciones.
Ajax es una tecnología asíncrona, en el sentido de que los datos adicionales se solicitan al servidor y se cargan en segundo plano sin interferir con la visualización ni el comportamiento de la página.
Ajax es una técnica válida para múltiples plataformas y utilizable en muchos sistemas operativos y navegadores dado que está basado en estándares abiertos como JavaScript y Document Object Model
1
(DOM).
Estas aplicaciones se ejecutan en el navegador (cliente) de los usuarios.
Jquery para principianes
JQUERY
AJAX ENVIAR FORMULARIOS SIN RECARGAR
ACTUALIZAR UN ELEMENTO SIN RECARGAR
COMBOS DEPENDIENTES AJAX BASE DE DATOS
STAR RATING JQUERY SIN BASE DE DATOS
STAR RATING JQUERY PLUGIN
DROPDOWN MENU DESPLEGABLE
ENVIA CORREOS SIN RECARGAR
PANEL DE IMAGENES CAROUSEL
INTERCAMBIO DE ELEMENTOS ENTRE 2 LISTAS
RECARGAR TEXTO AUTOMATICAMENTE
AGREGAR GRAFICOS ESTADISTICOS PIE
VALIDAR FORMULARIOS
INCLUIR TOOLTIP EN MAPA DE IMÁGENES
SUBIR MULTIPLES ARCHIVOS
WEB MODULAR PHP
SLIDER CONTENIDO DESTACADO
VENTANA MODAL
AGREGAR BORRAR CAMPOS
MODIFICANDO ATRIBUTOS
JQUERY MUSIC PLAYER
OCULTAR /MOSTRAR SECCIONES DE NUESTRO SITIO
Los desafíos de calidad de software que nos trae la IA y los LLMsFederico Toledo
En esta charla, nos sumergiremos en los desafíos emergentes que la inteligencia artificial (IA) y los Large Language Models (LLMs) traen al mundo de la calidad del software y el testing. Exploraremos cómo la integración, uso o diseño de modelos de IA plantean nuevos retos, incluyendo la calidad de datos y detección de sesgos, sumando la complejidad de probar algo no determinístico. Revisaremos algunas propuestas que se están llevando adelante para ajustar nuestras tareas de testing al desarrollo de este tipo de sistemas, incluyendo enfoques de pruebas automatizadas y observabilidad.
Escaneo y eliminación de malware en el equiponicromante2000
El malware tiene muchas caras, y es que los programas maliciosos se reproducen en los ordenadores de diferentes formas. Ya se trate de virus, de programas espía o de troyanos, la presencia de software malicioso en los sistemas informáticos siempre debería evitarse. Aquí te muestro como trabaja un anti malware a la hora de analizar tu equipo
Si bien los hospitales conjuntan a profesionales de salud que atienden a la población, existe un equipo de organización, coordinación y administración que permite que los cuidados clínicos se otorguen de manera constante y sin obstáculos.
Mario García Baltazar, director del área de Tecnología (TI) del Hospital Victoria La Salle, relató la manera en la que el departamento que él lidera, apoyado en Cirrus y Estela, brinda servicio a los clientes internos de la institución e impulsa una experiencia positiva en el paciente.
Conoce el Hospital Victoria La Salle
Ubicado en Ciudad Victoria, Tamaulipas, México
Inició operaciones en el 2016
Forma parte del Consorcio Mexicanos de Hospitales
Hospital de segundo nivel
21 habitaciones para estancia
31 camas censables
13 camillas
2 quirófanos
+174 integrantes en su plantilla
+120 equipos médicos de alta tecnología
+900 pacientes atendidos
Servicios de +20 especialidades
Módulos utilizados de Cirrus
HIS
EHR
ERP
Estela - Business Intelligence
1. AJAX y ASP.NET MVC
Danae Aguilar Guzmán
MCT, MS, MCTS, MCP
danaeaguilar@gmail.com
2. Requests AJAX con jQuery
Cuando hacemos requests con AJAX es
recomendado considerar el caso en que el
usuario no tenga habilitado Javascript
1. Creamos los controladores, vistas y vistas
parciales
2. Agregamos el placeholder donde
mostraremos la vista parcial
@Html.ActionLink("Mostrar datos",
"AccionMostrar", null,
new { id = "linkMostrar" })
<div id="resultado"></div>
3. Requests AJAX con jQuery
3. Agregamos un archivo JavaScript que
cargará la vista parcial
Se cargará usando load
Usamos preventDefault para evitar el flujo
normal del link.
$(document).ready(function () {
$('#linkMostrar').click(function (event) {
event.preventDefault();
var url = $(this).attr('href');
$('#resultado').load(url);
});
});
4. Requests AJAX con jQuery
4. Agregamos el JavaScript a nuestra página:
@section scripts {
<script type="text/javascript"
src="@Url.Content("~/scripts/EjemploAjax.js")">
</script>
}
5. Requests AJAX con jQuery
5. Validamos si el request se hizo mediante
AJAX:
Si quisieramos recargar la página hacemos un
redirect:
return RedirectToAction("Index");
public ActionResult MostrarDatos()
{
if (Request.IsAjaxRequest())
{
return PartialView();
}
return View();
}
6. Formularios con AJAX
Creamos un formulario:
Especificamos la acción del controller con
Url.Action
<form method="post" id="comentarios"
action="@Url.Action("AregarComentario")">
@Html.TextArea("Comentario",
new { rows = 5, cols = 50 })
<br />
<input value="Agregar Comentario"
type="submit" />
</form>
7. Formularios con AJAX
El script:
Con preventDefault() evitamos el flujo de submit
del formulario.
Obtenemos la accion del atributo action del
formulario.
Usamos $.post para invocar la acción con AJAX
$(document).ready(function () {
$('#comentarios').submit(function (event) {
event.preventDefault();
var datos = $(this).serialize();
var url = $(this).attr('action');
$.post(url, datos, function (response) {
$('#comentarios').append(response);
});
});
});
8. Formularios con AJAX
En el controller:
Tendremos la acción POST que recibirá los
datos y mostrará una vista parcial
[HttpPost]
public ActionResult AddComment(string comentario)
{
_comentarios.Add(comentario);
if (Request.IsAjaxRequest())
{
ViewBag.Comentario = comentario;
return PartialView();
}
return RedirectToAction("Index");
}
9. ASP.NET MVC Ajax helpers
• Ajax.ActionLink, Crea un hyperlink AJAX a
una acción del controller
• Ajax.RouteLink, Similar a Ajax.ActionLink,
pero genera un link a una ruta
• Ajax.BeginForm, Crea un formulario que
envía sus datos usando Ajax
• Ajax.BeginRouteForm, Similar a
Ajax.BeginForm, pero crea un formulario que
envía sus datos a una ruta
• Ajax.GlobalizationScript, Crea un elemento
script HTML que referencia un script con
información de cultura
• Ajax.JavaScriptStringEncode, Realiza
encoding a una cadena para que pueda usarse
seguramente dentro JavaScript
10. ASP.NET MVC Ajax helpers
Los Helper pueden usar jQuery o Microsoft
Ajax
11. ASP.NET MVC Ajax helpers
Ajax.ActionLink
@section head {
<script type="text/javascript"
src="@Url.Content(
"~/scripts/jquery.unobtrusive-ajax.js")">
</script>
}
@Ajax.ActionLink("Mostrar Datos", "MostrarDatos",
new AjaxOptions
{
InsertionMode = InsertionMode.Replace,
UpdateTargetId = "divDatos"
})
<div id="divDatos"></div>
13. Ajax con JSON
Retornamos JSON:
public ActionResult Details(int id)
{
Speaker speaker =
_repositorio.BuscarSpeaker(id);
return Json(speaker,
JsonRequestBehavior.AllowGet);
}
14. Ajax con JSON
El script invocará con AJAX, podemos usar
$.getJSON:
$(document).ready(function () {
$("ul.speakers a").click(function (e) {
e.preventDefault();
$("#indicator").show();
var url = $(this).attr('href');
$.getJSON(url, null, function (speaker) {
$("#indicator").hide();
alert(speaker.Nombre);
});
});
});
15. Ajax con JSON
En caso de no soportar scripts en el cliente,
retornaremos una vista en vez de JSON
public ActionResult Details(int id)
{
var speaker = _repositorio.BuscarSpeaker(id);
if (Request.IsAjaxRequest())
{
return Json(speaker,
JsonRequestBehavior.AllowGet);
}
return View(speaker);
}
16. Ajax con JSON
Implementando un atributo
AceptaAjaxAttribute
[AttributeUsage(AttributeTargets.Class |
AttributeTargets.Method)]
public class AceptaAjaxAttribute :
ActionMethodSelectorAttribute
{
public override bool IsValidForRequest(
ControllerContext controllerContext,
MethodInfo methodInfo)
{
return controllerContext.HttpContext
.Request.IsAjaxRequest();
}
}
17. Ajax con JSON
Usando el atributo AceptaAjaxAttribute
[AceptaAjax]
public ActionResult Detalles(int id)
{
var speaker = _repositorio.BuscarSpeaker(id);
return Json(speaker,
JsonRequestBehavior.AllowGet);
}
[ActionName("Detalles")]
public ActionResult Detalles_SinAjax(int id)
{
var speaker = _repositorio.BuscarSpeaker(id);
return View(speaker);
}