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
50
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
22
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
58
Conociendo la API REST de WordPress By Rhonalf Martinez.
wpbq
0
13
Como crear widgets personalizados en el desarrollo de un tema en WordPress By Sergio Orozco
wpbq
0
38
The Art of Typography in the Web Design By Nestor Ramirez
wpbq
0
22
Mi primer theme con kili. Framework By Fabian Altahona
wpbq
0
91
Introducción a Kili. Framework by Fabian Altahona
wpbq
0
90
Métodos de protección legal de tus productos TIC By Javier Cantillo
wpbq
0
96
Como funcionan realmente los Frameworks en WordPress
wpbq
0
55
Other Decks in Technology
See All in Technology
MLOpsの「壁」を乗り越える、LINEヤフーの Data Quality as Code
lycorptech_jp
PRO
8
610
プロンプトエンジニアリングでがんばらない-Agentic Workflow へ-近藤憲児
kenjikondobai
6
1.1k
2024春 注目のWeb系 OSS & SaaS 3選
makies
0
170
Gitlab本から学んだこと - そーだいなるプレイバック / gitlab-book
soudai
7
1.3k
Building Dashboards as a Hobby
egmc
0
350
Grafana x PagerDuty Better Together
jacopen
1
230
BPStudyの200回を中心にIT業界を振り返る。そしてこれから
haru860
3
390
require(ESM)とECMAScript仕様
uhyo
4
940
本当のAWS基礎
toru_kubota
1
600
MixIT 2024 - Pulumi : Gérer son infra avec son langage de programmation préféré
ju_hnny5
1
110
Cracking the KubeCon CfP
inductor
2
270
ルーターでプレゼンする
puhitaku
1
3.2k
Featured
See All Featured
RailsConf & Balkan Ruby 2019: The Past, Present, and Future of Rails at GitHub
eileencodes
126
32k
Creating an realtime collaboration tool: Agile Flush - .NET Oxford
marcduiker
14
1.5k
Docker and Python
trallard
35
2.7k
We Have a Design System, Now What?
morganepeng
44
6.8k
YesSQL, Process and Tooling at Scale
rocio
165
13k
Optimizing for Happiness
mojombo
370
69k
Keith and Marios Guide to Fast Websites
keithpitt
408
22k
How to name files
jennybc
65
93k
The Brand Is Dead. Long Live the Brand.
mthomps
49
29k
Visualizing Your Data: Incorporating Mongo into Loggly Infrastructure
mongodb
34
8.9k
Making the Leap to Tech Lead
cromwellryan
125
8.5k
How GitHub (no longer) Works
holman
305
140k
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