Upgrade to Pro — share decks privately, control downloads, hide ads and more …

WP & AJAX

WP & AJAX

Charla para el meetup de WP Lima Febrero 2017 sobre cómo usar WordPress con AJAX. Más info en este post: http://cesaraquino.com.pe/manual-para-empezar-con-wp_ajax/

36e97e4a516cbf5b805a0beee91ba9f8?s=128

César J. Aquino Maximiliano

February 25, 2017
Tweet

Transcript

  1. WP & AJAX @cesjam7 - Febrero 2017

  2. César J. Aquino Maximiliano - Casi 25 años - Software

    Developer en Orange 612 - Dueño de una gran startup - Sub Teniente CBP (Bombero Voluntario) - Profesor de Desarrollo Web - Youtuber Profesional - Futuro Papá - Me gustan los gatos cesaraquino.com.pe @cesjam7
  3. César J. Aquino Maximiliano - Casi 25 años - Software

    Developer en Orange 612 - Dueño de una gran startup - Sub Teniente CBP (Bombero Voluntario) - Profesor de Desarrollo Web - Youtuber Profesional - Futuro Papá - Me gustan las diapos con gatos cesaraquino.com.pe @cesjam7
  4. ¿AJAX?

  5. AJAX (Según Wikipedia) AJAX, es una técnica de desarrollo web

    para crear aplicaciones interactivas. Estas aplicaciones se ejecutan en el cliente, es decir, en el navegador de los usuarios mientras se mantiene la comunicación asíncrona con el servidor en segundo plano.
  6. ¿WordPress?

  7. WordPress (Según Wikipedia) WordPress es un sistema de gestión de

    contenidos o CMS enfocado a la creación de cualquier tipo de sitio web. Originalmente alcanzó una gran relevancia usado para la creación de blogs, para convertirse con el tiempo en una de las principales herramientas para la creación de páginas web comerciales.
  8. ¿Por qué usar WordPress con AJAX? Si AJAX me sirve

    para crear aplicaciones interactivas y WordPress me permite crear cualquier tipo de sitio web, entonces podríamos crear un sitios web interactivos que me permita hacer, por ejemplo: - Búsquedas - Registros de usuarios y/o entradas - Actualizaciones - Y muchas cosas más sin recargar la página. [Imagen de gatito pensando]
  9. ¿Por qué usar WordPress con AJAX? Si AJAX me sirve

    para crear aplicaciones interactivas y WordPress me permite crear cualquier tipo de sitio web, entonces podríamos crear un sitios web interactivos que me permita hacer, por ejemplo: - Búsquedas - Registros de usuarios y/o entradas - Actualizaciones - Y muchas cosas más sin recargar la página.
  10. wp_ajax() https://codex.wordpress.org/Plugin_API/Action_Reference/wp_ajax_(action)

  11. wp_ajax (Según el Codex) Es un hook que permite crear

    controladores personalizados para sus propias solicitudes AJAX. El hook wp_ajax_ sigue el formato "wp_ajax_[youraction]", donde [youraction] es la propiedad 'action' de su solicitud AJAX.
  12. $('#selector').click(function(e){ e.preventDefault(); var valor1 = $('#selector2').val(); $.post( wp.ajaxurl, { action:

    'mostrar_random', parametro1: valor1, parametro2: valor2, }, function(data){ $('#contenedor').html(data); }); })
  13. Manual para empezar con wp_ajax http://cesaraquino.com.pe/manual-para-empezar-con-wp_ajax/

  14. Hora de codear...

  15. wp_gracias() César J. Aquino Maximiliano @cesjam7 - cesaraquino.com.pe - twitter.com/cesjam7

    - github.com/cesjam7 - linkedin.com/in/cesjam7 - speakerdeck.com/cesjam7 - databomberos.com - orange612.com
  16. wp_gracias() César J. Aquino Maximiliano @cesjam7 ¿Preguntas? - cesaraquino.com.pe -

    twitter.com/cesjam7 - github.com/cesjam7 - linkedin.com/in/cesjam7 - speakerdeck.com/cesjam7 - databomberos.com - orange612.com