Cómo usar AJAX en WordPress By Rhonalf Martinez

https://www.meetup.com/es-ES/WordPress-Barranquilla/events/245921270/

Transcript

1. #WPBQ
2. Cómo usar AJAX en WordPress Rhonalf Martinez - Full-stack WordPress developer @rhonaldomaster
3. AJAX • Asyncronous Javascript And Xml (javascript asíncrono y xml) • Es una de las formas para realizar peticiones a un servidor • Nos da la posibilidad de obtener y enviar datos sin recargar la página
4. Y cómo lo uso en WordPress? • Define la llamada y la acción en tu tema • Define la función en tu archivo functions.php • Lleva a cabo la accion!
5. El javascript var request = $.ajax({ url: 'https://ejemplo.com/wp-admin/admin-ajax.php', type: 'get', data: {nombre: 'Ana'} }); request.done(function (result) { alert(result); }); Mas tradicional: https://jsfiddle.net/v3rfpef2/
6. El PHP • Aca creamos un hook para manejar la respuesta • El hook se crea con add_action('wp_ajax_nopriv_ejemplo','mi_funcion') • En caso que se necesite que el usuario esté logueado, el action sera 'wp_ajax_ejemplo' • Si es para ambos, hay que definir los dos
7. function saludar() { $nombre = $_GET['nombre']; wp_die( "¡Hola $nombre! ¿Como estas?" );// Puede usarse tambien wp_send_json } add_action( 'wp_ajax_ejemplo', 'saludar' ); add_action( 'wp_ajax_nopriv_ejemplo', 'saludar' );
8. Algunos link • https://developer.mozilla.org/es/docs/Web/Guide/AJAX/Primeros_Pasos • https://code.tutsplus.com/es/tutorials/improved-ajax-techniques-for-wordpress -object-oriented-programming--cms-24897 • https://ayudawp.com/ajax-con-wordpress-y-jquery/
9. Gracias :) #WPBQ