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
25
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
69
Conociendo la API REST de WordPress By Rhonalf Martinez.
wpbq
0
20
Como crear widgets personalizados en el desarrollo de un tema en WordPress By Sergio Orozco
wpbq
0
51
The Art of Typography in the Web Design By Nestor Ramirez
wpbq
0
30
Mi primer theme con kili. Framework By Fabian Altahona
wpbq
0
95
Introducción a Kili. Framework by Fabian Altahona
wpbq
0
110
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
60
Other Decks in Technology
See All in Technology
会社紹介資料 / Sansan Company Profile
sansan33
PRO
6
380k
現場で効くClaude Code ─ 最新動向と企業導入
takaakikakei
1
260
【実演版】カンファレンス登壇者・スタッフにこそ知ってほしいマイクの使い方 / 大吉祥寺.pm 2025
arthur1
1
890
バイブスに「型」を!Kent Beckに学ぶ、AI時代のテスト駆動開発
amixedcolor
2
580
いま注目のAIエージェントを作ってみよう
supermarimobros
0
340
なぜスクラムはこうなったのか?歴史が教えてくれたこと/Shall we explore the roots of Scrum
sanogemaru
5
1.7k
品質視点から考える組織デザイン/Organizational Design from Quality
mii3king
0
210
はじめてのOSS開発からみえたGo言語の強み
shibukazu
3
930
複数サービスを支えるマルチテナント型Batch MLプラットフォーム
lycorptech_jp
PRO
1
830
20250912_RPALT_データを集める→とっ散らかる問題_Obsidian紹介
ratsbane666
0
100
Autonomous Database - Dedicated 技術詳細 / adb-d_technical_detail_jp
oracle4engineer
PRO
4
10k
Aurora DSQLはサーバーレスアーキテクチャの常識を変えるのか
iwatatomoya
1
1.1k
Featured
See All Featured
A better future with KSS
kneath
239
17k
Save Time (by Creating Custom Rails Generators)
garrettdimon
PRO
32
1.6k
What’s in a name? Adding method to the madness
productmarketing
PRO
23
3.7k
KATA
mclloyd
32
14k
Fireside Chat
paigeccino
39
3.6k
Exploring the Power of Turbo Streams & Action Cable | RailsConf2023
kevinliebholz
34
6k
What's in a price? How to price your products and services
michaelherold
246
12k
Keith and Marios Guide to Fast Websites
keithpitt
411
22k
RailsConf 2023
tenderlove
30
1.2k
The Straight Up "How To Draw Better" Workshop
denniskardys
236
140k
Writing Fast Ruby
sferik
628
62k
Why Our Code Smells
bkeepers
PRO
339
57k
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