Cómo escribir Ajax a mano para lograr una actualización asincrónica
Ajax solo se puede implementar a través de js, y luego se puede realizar una actualización asincrónica
La diferencia entre el envío de formularios y el envío de Ajax: el envío de formularios consiste en enviar datos en toda la página y los datos enviados estarán en Una página se descarta (actualiza la página); ajax extrae algunos datos de la página actual y los envía. Puede recibir los datos devueltos y mostrarlos en la página actual después del procesamiento (sin actualizar la página).
Ejemplo===Verificar si el nombre de usuario se repite===
La idea de usar Ajax: escribir código js y Ajax en la página que se actualizará y enviar los datos a otra página, escriba el código de consulta en Page_Load y luego devuelva los resultados a la página actualizada.
Interfaz
I. Usar Linq para conectarse a la base de datos
II. Importar el archivo jquery al proyecto. El código está escrito en
Tres, escriba el siguiente código en la página actualizada.
El código está escrito en
<%--invoke jquery -- %>
$(document).ready(//Se activa cuando la página está lista para terminar de cargarse
función getval() {
$("#TextBox1").blur(function () { //Se activa cuando el mouse hace clic o sale
var txt = $(this).val(); // obtiene el valor del cuadro de texto
// usa ajax para enviar el valor del cuadro de texto
$.ajax( {
url: "De .aspx",
tipo: "POST",
datos: {id:txt},
// Recibir información devuelta de la base de datos
tipo de datos: "xml",
éxito: función (datos) {//Los datos en datos son los datos contados en la página De
var co = $(data ) .text();
if (parseInt(co) == 0) {
var lbl = document.getElementById("Label1");//Usar js salida p>
lbl.innerHTML = "√";
} else {
var lbl = document.getElementById("Label1");
lbl.innerHTML = "Este nombre de usuario ya está registrado";
}
}
});
}) ;
});
});
4. Escribir en Page_Load de la página. que pasa el valor El siguiente código
protected void Page_Load(object sender, EventArgs e)
{
//Consulta los datos pasados
DataClassesDataContext dc = new DataClassesDataContext();
string uid = Request["id"].ToString();
int count = dc.STOpro.(r => r .Stoid == int .Parse(uid)).Count();
//regresar como xml
Response.Write("");
Response.Write("
Response.End(); //
Desactivar respuesta
}
¡Listo!