WordPress, JQuery y AJAX

Juntos pero no revueltos.

Para poder usar un php que se sirva de funciones de WordPress para dar una respuesta AJAX, tenemos que seguir estos pasos:

1. Añadir en functions.php:
[code]
function get_my_option_108143(){
//estas líneas son solamente un ejemplo de aplicación
$num_plazas=get_post_meta( $_POST[‘id_parking’], ‘insur_plazas_disponibles’, true );
if($num_plazas): echo $num_plazas; else: echo 0; endif;
exit(0);
}

add_action(«wp_ajax_get_my_option», «get_my_option_108143»);
add_action(«wp_ajax_nopriv_get_my_option», «get_my_option_108143″);
[/code]

2. En nuestro código JQuery:
[code]
function getNumPlazas(id_current_parking) {
var host = window.location.hostname;
var ajaxurl=»http://»+host+»/parking/wp-admin/admin-ajax.php»;

jQuery.ajax({
type: «POST»,
url: ajaxurl,
data: { action: «get_my_option» , id_parking:id_current_parking},
success: function(response){
alert(«Got this from the server: » + response);
},
error: function(MLHttpRequest, textStatus, errorThrown){
alert(«There was an error: » + errorThrown);

},
timeout: 60000
});

}
[/code]

Dejar un comentario

Tu dirección de correo electrónico no será publicada.