Cómo escribir una página de inicio de sesión usando ajax
AJAX significa JavaScript y XML asincrónicos.
Ventajas de ajax:
1. El punto más importante es que la página no se actualiza y la experiencia del usuario es muy buena.
2. Utilice el modo asíncrono para comunicarse con el servidor, con una capacidad de respuesta más rápida.
3. Parte de la carga del servidor anterior se puede transferir al cliente, utilizando la capacidad inactiva del cliente para el procesamiento, reduciendo la carga sobre el servidor y el ancho de banda, y ahorrando espacio y costos de alquiler de banda ancha. Para reducir la carga del servidor, el principio de ajax es "proporcionar datos bajo demanda", lo que puede minimizar las solicitudes redundantes y responder a la carga del servidor.
4. Basado en tecnología estandarizada y ampliamente compatible, no es necesario descargar complementos ni subprogramas.
5. Ajax puede hacer que las aplicaciones de Internet sean más pequeñas, más rápidas y más fáciles de usar.
A continuación uso ajax para escribir una página de inicio de sesión simple: primero está la tabla de inicio de sesión de la base de datos:
El siguiente es el código de la página de inicio de sesión, primero introduzca el paquete jquery
lt;headgt;
lt;meta http-equiv="Content-Type" content="text/html; charset=utf-8" /gt;
lt;titlegt; Documento sin títulolt;/titlegt;
lt;scriptrc="jquery-3.1.1.min.js"gt; lt;/scriptgt /* Presentamos el paquete jquery**
lt ;/headgt;
lt;bodygt;
lt;h2gt; Página de inicio de sesiónlt;/h2gt;
lt;pgt; lt;tipo de entrada="text" id="uid"/gt;lt;/pgt;
lt;pgt; Contraseña: lt; tipo de entrada="text" id="pwd"/gt; lt;/ pgt;
lt;pgt;lt;tipo de entrada="botón" id="btn "value="login"/gt;lt;/pgt;11lt;/bodygt;12lt;/ htmlgt; Iniciar sesión La página es muy simple y no hay imágenes. He escrito sobre ella muchas veces en blogs anteriores.
A continuación se explica cómo escribir ajax.
lt;script type="text/javascript"gt;
$("#btn").click(function(){
//Paso uno: Obtenga datos, use nombre de usuario y contraseña aquí
var uid=$("#uid").val();
var pwd= $ ("#pwd").val();
//Paso 2: Verificar los datos, aquí necesitamos llamar los datos de la base de datos, usamos ajax
$. ajax( {
url: "dlchuli.php", //dirección de solicitud
datos: {uid: uid, pwd: pwd}, //Datos enviados
tipo: "POST", //Enviado por
tipo de datos: "TEXTO", //Tipo de retorno TEXTO Cadena JSON XML
éxito: función(datos){<
//Comience eliminando espacios, use trim()
if(data.trim()=="OK")
{
ventana .location.href = "main.php";
}
else{
alert("Error de nombre de usuario o contraseña");
}
}
})
})
lt;/scriptgt;El código para dlchuli.php es escrito de la siguiente manera:
lt;?php
include("DADB.class.php");
$db=new DADB();
$uid=$_POST["uid"];
$pwd=$_POST["pwd"];
$sql="seleccione la contraseña del inicio de sesión donde nombre de usuario='{$ uid}'";
$arr=$db-gt; Consulta($sql);
if($arr[0][0]=$ pwd amplificador; vacío ($pwd))
{
echo "OK"; /p>
echo "NO";
} gt; Después de escribir esto, use ajax para escribir una página de inicio de sesión simple. La mayor ventaja es que si ocurre un error, se informará del error. la página original y no aparecerá en otras páginas.
Creo que después de leer este artículo, dominas el método. Para obtener más información interesante, ¡presta atención a otros artículos relacionados en Gxl.com!
Lectura recomendada:
Cómo utilizar solicitudes ajax en proyectos
Cómo manejar fallas en la sesión del usuario cuando fallan las operaciones Ajax