Como usar Ajax en Wordpress

Picorete · 25 May 2017

Quiero utilizar Ajax, en una Pagina de Wordpress, para crear un pequeño programita. Necesito un plugin o algo? imagino que Wordpress tiene Ajax ya implementado, pero como seria el codigo para usarlo? :distant::distant: gracias al que me pueda ayudar

jsstoni · 26 May 2017

Investigaste un poco lo que es AJAX ?, no importar yo te explicare que es ajax:
ajax es una tecnica para crear aplicaciones interactivas estas se ejecutan en el cliente es decir en el navegador mientras hace una comunicacion asincrona con el servidor por ejemplo te permite hacer cambios en la pagina sin la necesidad de recargarse, javascript va muy bien para este caso ya que se ejecuta en el cliente.

que necesitas para crear funciones que permitan utilizar ajax en wordpress:
1) Cargar una libreria por ejemplo (JQUERY) tambien puede hacerlo nativo con solo javascript
2) agregar tus funciones a un archivo .JS
3) cargar tu archivo .JS en tu template

Para terminar crea una carpeta con el nombre js hay creas un archivo llamado script.js todo esto en tu theme.

iserta en script.js. El code que se te la gana jejeje... por ejemplo:

Insertar CODE, HTML o PHP:

(function($) {
	console.log("hola");
})(jQuery);

y por ultimo inserta este codigo en function.php en tu theme:

PHP:

<?php
//cargar javascript:
function insertar_js() {
	wp_enqueue_script( 'script', get_theme_file_uri('/js/script.js'), array ( 'jquery' ), 1.1, true);
}
add_action( 'wp_enqueue_scripts', 'insertar_js' );
?>

YeltsinReyes · 26 May 2017

[MENTION=136467]Picorete[/MENTION] esto puede funcionarte!

En tu footer.php o un .js

PHP:

$(document).ready(function(){

$.get('wp-admin/admin-ajax.php', {action: 'action_hola_ajax' }, function(data){
      alert(data.mensaje)
}, 'json');

});

En tu functions.php

PHP:

function hola_ajax(){
      die(json_encode(['mensaje' => 'Hola ajax!']);
}

// usuarios no logueados
add_action('wp_ajax_nopriv_action_hola_ajax', 'hola_ajax');

// usuarios logueados
add_action('wp_ajax_action_hola_ajax', 'hola_ajax');

Como usar Ajax en Wordpress

Picorete

jsstoni

YeltsinReyes

Temas similares