¿Cómo implementa la funcionalidad AJAX en un formulario?

¿Qué es el AJAX?

AJAX = A sincrónico J avaScript A y X ML.

AJAX no es un lenguaje de programación.

• Si estoy pensando en crear un servicio genial, ¿qué debo aprender? JavaScript u Objective-C (programación web versus programación de aplicaciones móviles), ¿y por qué?
• ¿Cuáles son buenos talleres de diseño web / móvil UX / UI y desarrollo de juegos web / móvil para principiantes completos?
• ¿Qué marco debo usar para una plataforma colaborativa de equipo que usa Java?
• ¿Se pueden desarrollar microservicios solo en Node.js? ¿No podemos desarrollarlos en otros lenguajes como Java?
• ¿Cómo es el futuro de las hojas de estilo en cascada?

AJAX solo usa una combinación de:

• Un objeto incorporado XMLHttpRequest del navegador (para solicitar datos de un servidor web)
• DOM de JavaScript y HTML (para mostrar o usar los datos)

AJAX es un nombre engañoso. Las aplicaciones AJAX pueden usar XML para transportar datos, pero es igualmente común transportar datos como texto sin formato o texto JSON.

AJAX permite que las páginas web se actualicen de forma asíncrona mediante el intercambio de datos con un servidor web detrás de escena. Esto significa que es posible actualizar partes de una página web sin tener que volver a cargar toda la página.

Cómo funciona AJAX

• 1. Se produce un evento en una página web (se carga la página, se hace clic en un botón)
• 2. JavaScript crea un objeto XMLHttpRequest
• 3. El objeto XMLHttpRequest envía una solicitud a un servidor web
• 4. El servidor procesa la solicitud.
• 5. El servidor envía una respuesta a la página web.
• 6. La respuesta es leída por JavaScript
• 7. La acción adecuada (como la actualización de la página) es realizada por JavaScript

login.js

$ (documento) .ready (función () {

$ (“# add_err”). css (‘display’, ‘none’, ‘important’);

$ (“# login”). clic (function () {

nombre de usuario = $ (“# nombre”). val ();

contraseña = $ (“# palabra”). val ();

$ .ajax ({

tipo: “POST”,

url: “login.php”,

datos: “nombre =” + nombre de usuario + “& pwd =” + contraseña,

éxito: función (html) {

if (html == ‘true’) {

//$(“#add_err”).html(“nombre de usuario o contraseña correctos “);

window.location = “dashboard.php”;

}

más {

$ (“# add_err”). css (‘display’, ‘inline’, ‘important’);

$ (“# add_err”). html (“ Nombre de usuario o contraseña incorrectos”);

}

},

beforeSend: function ()

{

$ (“# add_err”). css (‘display’, ‘inline’, ‘important’);

$ (“# add_err”). html (“ Cargando …”)

}

});

falso retorno;

});

});