Upgrade to Pro
— share decks privately, control downloads, hide ads and more …
Speaker Deck
Features
Speaker Deck
PRO
Sign in
Sign up for free
Search
Search
Cómo usar AJAX en WordPress By Rhonalf Martinez
Search
WordPress Barranquilla
December 21, 2017
Technology
0
57
Cómo usar AJAX en WordPress By Rhonalf Martinez
https://www.meetup.com/es-ES/WordPress-Barranquilla/events/245921270/
WordPress Barranquilla
December 21, 2017
Tweet
Share
More Decks by WordPress Barranquilla
See All by WordPress Barranquilla
Lead Generation By Jaime Vengoechea
wpbq
0
24
5 cosas que debes saber para convertirte en un desarrollador Web Profesional (5 Things You Need to Know to Becoming a Professional Web Developer) By Fabian Altahona.
wpbq
0
67
Conociendo la API REST de WordPress By Rhonalf Martinez.
wpbq
0
18
Como crear widgets personalizados en el desarrollo de un tema en WordPress By Sergio Orozco
wpbq
0
50
The Art of Typography in the Web Design By Nestor Ramirez
wpbq
0
28
Mi primer theme con kili. Framework By Fabian Altahona
wpbq
0
94
Introducción a Kili. Framework by Fabian Altahona
wpbq
0
100
Métodos de protección legal de tus productos TIC By Javier Cantillo
wpbq
0
110
Como funcionan realmente los Frameworks en WordPress
wpbq
0
58
Other Decks in Technology
See All in Technology
American airlines ®️ USA Contact Numbers: Complete 2025 Support Guide
airhelpsupport
0
390
CDKTFについてざっくり理解する!!~CloudFormationからCDKTFへ変換するツールも作ってみた~
masakiokuda
1
200
SEQUENCE object comparison - db tech showcase 2025 LT2
nori_shinoda
0
280
【LT会登壇資料】TROCCO新コネクタ「スマレジ」を活用した直営店データの分析
kazari0425
1
170
Getting to Know Your Legacy (System) with AI-Driven Software Archeology (WeAreDevelopers World Congress 2025)
feststelltaste
1
180
How to Quickly Call American Airlines®️ U.S. Customer Care : Full Guide
flyaahelpguide
0
240
IPA&AWSダブル全冠が明かす、人生を変えた勉強法のすべて
iwamot
PRO
2
220
Amplify Gen2から知るAWS CDK Toolkit Libraryの使い方/How to use the AWS CDK Toolkit Library as known from Amplify Gen2
fossamagna
1
240
United Airlines Customer Service– Call 1-833-341-3142 Now!
airhelp
0
180
データ基盤からデータベースまで?広がるユースケースのDatabricksについて教えるよ!
akuwano
3
160
オフィスビルを監視しよう:フィジカル×デジタルにまたがるSLI/SLO設計と運用の難しさ / Monitoring Office Buildings: The Challenge of Physical-Digital SLI/SLO Design & Operation
bitkey
1
350
american aa airlines®️ USA Contact Numbers: Complete 2025 Support Guide
aaguide
0
500
Featured
See All Featured
StorybookのUI Testing Handbookを読んだ
zakiyama
30
5.9k
The Straight Up "How To Draw Better" Workshop
denniskardys
235
140k
A Modern Web Designer's Workflow
chriscoyier
695
190k
Writing Fast Ruby
sferik
628
62k
Documentation Writing (for coders)
carmenintech
72
4.9k
A designer walks into a library…
pauljervisheath
207
24k
Cheating the UX When There Is Nothing More to Optimize - PixelPioneers
stephaniewalter
281
13k
Visualizing Your Data: Incorporating Mongo into Loggly Infrastructure
mongodb
47
9.6k
Reflections from 52 weeks, 52 projects
jeffersonlam
351
21k
Git: the NoSQL Database
bkeepers
PRO
430
65k
Building Better People: How to give real-time feedback that sticks.
wjessup
367
19k
A better future with KSS
kneath
238
17k
Transcript
#WPBQ
Cómo usar AJAX en WordPress Rhonalf Martinez - Full-stack WordPress
developer @rhonaldomaster
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
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!
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/
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
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' );
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/
Gracias :) #WPBQ