JQuery | Consumiendo un método api

Ahora les mostraré como consumir un método api desde JQuery.

Primero, crearemos nuestro método Api; asumiremos que éste se encuentra en el archivo: Api/HomeApiController:

[System.Web.Http.HttpPost]

[OutputCache(Duration = 1)]

public void MetodoApi() {

// Aquí va el código de nuestro método...

}

Ahora, desde nuestro archivo JQuery, utilizamos el siguiente código para ejecutar nuestro método api:

var options = new Object;

options.cache = false;

options.headers = {

Accept: "application/json; charset=utf-8",

"Content-Type": "application/json; charset=utf-8"

};

options.type = "post";

options.url = "/Api/HomeApi/MetodoApi";

$.ajax(options);

Esto te dará una buena idea de cómo crear y consumir métodos api, más adelante realizaremos ejercicios más complejos.

Suerte!

AOS - Animate On Scroll Library

En esta ocasión les quiero presentar una librería muy interesante llamada AOS - Animate On Scroll Library, la cual, como su nombre lo indica, es una librería que contiene animaciones para objetos que van apareciendo conforme nos vamos desplazando dentro de una página.

Esta es la liga oficial de la librería:

https://michalsnik.github.io/aos/

Utilizar esta librería es muy simple, lo primero que debemos hacer es agregar las referencias a nuestra página:

<link href="https://unpkg.com/aos@2.3.1/dist/aos.css" rel="stylesheet">

<script src="https://unpkg.com/aos@2.3.1/dist/aos.js"></script>

Lo siguiente es iniciar el componente con la siguiente línea:

<script>

  AOS.init();

</script>

Finalmente, solo hay que definir el tipo de animación que tendrán nuestros elementos:

<div data-aos="[Tipo de Animación]"></div>

Por ejemplo:

<div data-aos="fade-up"></div>

ne...

JQuery | Revisar si existe un elemento en la página

Para validar si existe un elemento dentro de nuestra página podemos hacerlo de la siguiente manera:

if ($("[SELECTOR]").length) { 

    //El elemento existe

}

Por ejemplo:

if ($(".Elemento").length) { 

    //El elemento existe

}

SQL | Cláusula WITH

Esté es un método de crear tablas a partir de una consulta, su funcionamiento es muy similar a las cláusulas SELECT INTO

La sintaxis es la siguiente:

WITH [temporal] ( [col1], [col2], ..., [coln] )

AS (

    SELECT [col1], [col2], ..., [coln] FROM ...

)

Un ejemplo sería el siguiente:

WITH tblEstudiantesActivos (id, nombre)  

AS  

(  

    SELECT id, nombre

    FROM tblEstudiantes

    WHERE estatus = 1

)  

JQuery - Checkbox - Confirmar check

En ocasiones tendremos la situación en la que tendremos un checkbox en nuestra página, en el cual, debemos realizar una validación o una confirmación para permitir o no permitir marcar el checkbox.

Para lograr este objetivo, haremos uso del evento change, donde haremos la validación o confirmación, y posteriormente dejaremos marcar el check, o bien, lo evitaremos, según sea el caso.

$("#checkbox").on('change', function() {

this.checked = !this.checked ? !confirm('¿Deseas marcar el checkbox?') : true;

});

Espero te sea de utilidad.

ne...

JQuery - Recargar página

 Para recargar la página actual con JQuery hacemos uso de la siguiente sentencia:

window.location.reload();

JQuery - IndexOf - Buscar una cadena de texto dentro de otra cadena

Para buscar una cadena de texto dentro de otra cadena utilizamos el método indexOf:

[int] [substring].indexOf([string])

Este método regresa la posición en la que encuentra la subcadena, iniciando con la posición 0, o en caso de no encontrarla nos devuelve -1. El método es sensible a minúsculas y mayúsculas.

Ejemplo:

var cadena = "Este es un ejemplo";

cadena.indexOf("Este");    // Regresa 0.

cadena.indexOf("este");    // Regresa -1.

cadena.indexOf("es");      // Regresa 5.

cadena.indexOf("no");      // Regresa -1.