Italiano
Română
РусскийPregunta sobre wp_ajax() sin usar wp_enqueue_script
Hola chicos,
Situación extraña... Estoy intentando usar wp_ajax() por primera vez. Normalmente uso una petición AJAX normal con jQuery, pero en este caso me da muchos errores y pensé en probar wp_ajax().
¡Pero no lo entiendo!
El siguiente fragmento de código...
// incrustar el archivo JavaScript que hace la petición AJAX
wp_enqueue_script( 'my-ajax-request', plugin_dir_url( __FILE__ ) . 'js/ajax.js' );
// declarar la URL al archivo que maneja la petición AJAX (wp-admin/admin-ajax.php)
wp_localize_script( 'my-ajax-request', 'MyAjax', array( 'ajaxurl' => admin_url( 'admin-ajax.php' ) ) );
resulta en...
<script type="text/javascript" src="http://example.com/wordpress/wp-content/plugins/myajax/js/ajax.js"></script>
<script type="text/javascript">
/* <![CDATA[ */
var MyAjax = {
ajaxurl: "http://example.com/wordpress/wp-admin/admin-ajax.php"
};
/* ]]> */
Sin embargo, no tengo un plugin o algo que deba usar esto, pero toda mi página necesita hacer esta petición AJAX. Por lo tanto, la primera línea con wp_enqueue_script() no tiene sentido. No necesito cargar un archivo JS específico para esto porque ya tengo mi archivo script.js incrustado manualmente en mi sección <head>. Aquí es donde se dispara la petición AJAX. Pero si omito esta línea (//wp_enqueue_script()...), la segunda parte no funciona.
Así que no se imprimirá:
<script type="text/javascript">
/* <![CDATA[ */
var MyAjax = {
ajaxurl: "http://example.com/wordpress/wp-admin/admin-ajax.php"
};
/* ]]> */
en la sección <head> de mi página. ¿Qué estoy entendiendo mal?
Realmente necesito poder hacer una petición AJAX desde mi archivo script.js normal.
¿Alguna idea?
Actualización:
mi archivo script.js (incrustado manualmente en mi <head>) debería llamar a una petición AJAX:
var response;
$.post(
// ver consejo #1 sobre cómo declarar variables globales en JavaScript
MyAjax.ajaxurl,
{
// aquí declaramos los parámetros para enviar con la petición
// esto significa que se dispararán los siguientes hooks:
// wp_ajax_nopriv_myajax-submit y wp_ajax_myajax-submit
action: 'wp_ajax_nopriv_searchmap',
},
function(response) {
$sr.html(response);
La función en mi archivo functions.php que quiero llamar se ve así:
// incrustar el archivo JavaScript que hace la petición AJAX
wp_enqueue_script( 'my-ajax-request', plugin_dir_url( __FILE__ ) . 'js/ajax.js' );
// declarar la URL al archivo que maneja la petición AJAX (wp-admin/admin-ajax.php)
wp_localize_script( 'my-ajax-request', 'MyAjax', array( 'ajaxurl' => admin_url( 'admin-ajax.php' ) ) );
// este hook se dispara si el visitante no está logueado
if (isset($_GET['action'])) {
do_action( 'wp_ajax_nopriv_' . $_GET['action'] );
}
// si está logueado:
if (isset($_POST['action'])) {
do_action( 'wp_ajax_' . $_POST['action'] );
}
if(is_admin()) {
add_action( 'wp_ajax_searchmap', 'my_searchmap_function' );
} else {
add_action( 'wp_ajax_nopriv_searchmap', 'my_searchmap_function' );
}
function my_searchmap_function() {
// Iniciar buffer de salida
ob_start();
?>
<div>
<h3>Páginas</h3>
<ul>
<?php wp_list_pages('title_li=&depth=0&exclude='); ?>
</ul>
<h3>Entradas</h3>
<?php $first = 0;?>
<ul>
<?php
$myposts = get_posts('numberposts=-1&offset=$first');
foreach($myposts as $post) :
?>
<li><a href="<?php the_permalink(); ?>"><?php the_title(); ?></a></li>
<?php endforeach; ?>
</ul>
<h3>Categorías</h3>
<ul>
<?php wp_list_categories('title_li=&orderby=name'); ?>
</ul>
</div>
<?php
$output = ob_get_contents();
// Detener buffer de salida
ob_end_clean();
$response = json_encode($output);
// respuesta de salida
header( "Content-Type: application/json" );
echo $response;
// IMPORTANTE: no olvides hacer "exit"
exit;
}
¿Qué estoy entendiendo mal aquí? Simplemente quiero poder solicitar datos via AJAX desde mi archivo JavaScript normal. Necesito procesar el HTML que devuelve en mi archivo JavaScript.
¿Alguna idea de lo que estoy haciendo mal o mejor, qué debo hacer para que esto funcione?
gracias. Entonces, ¿cómo puedo llamar a una función dentro de mi function.php a través de ajax? Actualicé mi pregunta. ¡Realmente agradecería tu ayuda con eso!
mathiregister
Respuesta actualizada, mira arriba. :)
t31os
gracias, ¿qué pasa con las líneas wp_enqueue_script(); y wp_localize_script()? ¿Tengo que mantenerlas? ¿Debería wp_enqueue_script() apuntar al mismo directorio que mi archivo js normal (donde quiero llamar al ajax)? Porque de lo contrario no puedo usar MyAjax.ajaxurl, { action : 'wp_ajax_nopriv_searchmap', } para llamar al script - porque MyAjax no existe si no uso lo de localize_script? ¿Cómo se vería mi javascript para llamar a esta función?
mathiregister
@mathiregister: así es, tienes que mantenerlos, si no usas wp_enqueue_script(); para encolarlo de la forma correcta en WordPress entonces no podrás usar wp_localize_script() ya que ese script no es conocido por WordPress, podrías imprimir el script y definir la url ajax en php pero eso sería una mala práctica. Y por último, tu action: 'wp_ajax_nopriv_searchmap' debería ser action: 'searchmap', el prefijo del hook ya lo hace WordPress por ti.
Bainternet
@mathiregister - He actualizado mi respuesta nuevamente para ti.
t31os
Ah, pero hay un problema, no siempre está definido, me pasó cuando intenté usarlo... Al menos no siempre estaba disponible en mis pruebas, y no para usuarios invitados.
t31os
Efectivamente, añadí una aclaración.
scribu
Otto con un fragmento de código sobre cómo definir la variable en el frontend - http://wordpress.org/support/topic/ajaxurl-is-not-defined?replies=4#post-1989445
Mario Peshev