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
第4回Snowflake 金融ユーザー会 Snowflake summit recap
tamaoki
1
330
united airlines ™®️ USA Contact Numbers: Complete 2025 Support Guide
flyunitedhelp
1
470
マーケットプレイス版Oracle WebCenter Content For OCI
oracle4engineer
PRO
3
980
CDKTFについてざっくり理解する!!~CloudFormationからCDKTFへ変換するツールも作ってみた~
masakiokuda
1
190
Enhancing SaaS Product Reliability and Release Velocity through Optimized Testing Approach
ropqa
1
250
ゼロからはじめる採用広報
yutadayo
3
1k
TLSから見るSREの未来
atpons
2
200
freeeのアクセシビリティの現在地 / freee's Current Position on Accessibility
ymrl
2
270
助けて! XからWaylandに移行しないと新しいGNOMEが使えなくなっちゃう 2025-07-12
nobutomurata
2
140
全部AI、全員Cursor、ドキュメント駆動開発 〜DevinやGeminiも添えて〜
rinchsan
2
1.2k
クラウド開発の舞台裏とSRE文化の醸成 / SRE NEXT 2025 Lunch Session
kazeburo
1
440
オフィスビルを監視しよう:フィジカル×デジタルにまたがるSLI/SLO設計と運用の難しさ / Monitoring Office Buildings: The Challenge of Physical-Digital SLI/SLO Design & Operation
bitkey
1
310
Featured
See All Featured
Writing Fast Ruby
sferik
628
62k
Testing 201, or: Great Expectations
jmmastey
43
7.6k
The Pragmatic Product Professional
lauravandoore
35
6.7k
JavaScript: Past, Present, and Future - NDC Porto 2020
reverentgeek
50
5.5k
GraphQLの誤解/rethinking-graphql
sonatard
71
11k
XXLCSS - How to scale CSS and keep your sanity
sugarenia
248
1.3M
Let's Do A Bunch of Simple Stuff to Make Websites Faster
chriscoyier
507
140k
[RailsConf 2023] Rails as a piece of cake
palkan
55
5.7k
Build The Right Thing And Hit Your Dates
maggiecrowley
36
2.8k
Side Projects
sachag
455
42k
Into the Great Unknown - MozCon
thekraken
40
1.9k
CoffeeScript is Beautiful & I Never Want to Write Plain JavaScript Again
sstephenson
161
15k
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