Tecnología

Inicio

Cómo enlazar un evento Click en el Ajax

Ajax le proporciona una manera de consultar a un servidor utilizando JavaScript sin necesidad de actualizar la página Web. Los programadores suelen utilizar Ajax para solicitar al servidor cuando un usuario hace clic en un botón o imagen. Debe vincular la función Ajax para el evento "onclick" para el botón o imagen para ejecutar el código en el navegador del usuario.

Instrucciones

1 Abra el Explorador de Windows o el administrador de archivos favorito y navega hasta el archivo HTML que contiene sus consultas Ajax. Haga clic derecho en el archivo, haga clic en "Abrir con" y elija el editor de Ajax en la lista de programas.

2 Añadir las clases de Ajax a su código. Escribe o copia y pega el siguiente código entre la apertura y el cierre de etiquetas <head> en el documento:

<Script src = "& lt; / script" rel = "nofollow" target = "_blank"> http://code.jquery.com/jquery-latest.js&quot;> & lt; / script>

3 Crear un botón o imagen para que el usuario haga clic en que activará el código Ajax. El siguiente código crea un botón para el gatillo Ajax:

<Input type = "button" id = "ajaxtrigger" valor "Haga clic aquí">

4 Crear una función de Ajax que procesa código cuando el usuario hace clic en el botón. El siguiente ejemplo muestra un mensaje al usuario cuando se hace clic en el botón:

$ ( '# Ajaxtrigger'). Click (function () {
alert ( 'Ha hecho clic en el botón.');
});

Observe que el ID del botón se utiliza en la definición de la función.