Español
Română
РусскийProblema con wp_ajax() senza usare wp_enqueue_script?
ragazzi, situazione strana... sto provando a usare wp_ajax() per la prima volta. Normalmente uso una normale richiesta jQuery ajax ma in questo caso ho molti bug quindi ho pensato di provare wp_ajax().
Ma non capisco!
Questo pezzo di codice...
// incorpora il file javascript che effettua la richiesta AJAX
wp_enqueue_script( 'my-ajax-request', plugin_dir_url( __FILE__ ) . 'js/ajax.js' );
// dichiara l'URL del file che gestisce la richiesta AJAX (wp-admin/admin-ajax.php)
wp_localize_script( 'my-ajax-request', 'MyAjax', array( 'ajaxurl' => admin_url( 'admin-ajax.php' ) ) );
risulta in...
<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"
};
/* ]]> */
Però io non ho un plugin o altro che dovrebbe usare questo, ma tutta la mia pagina deve fare questa richiesta ajax. Quindi la prima riga con wp_enqueue_script() non ha senso. Non ho bisogno di caricare un file js specifico perché ho già il mio intero file script.js incorporato manualmente nella sezione <head>. È qui che viene lanciata la richiesta ajax. Però se tolgo questa riga (//wp_enqueue_script()...) la seconda parte non funziona.
Quindi non verrà stampato:
<script type="text/javascript">
/* <![CDATA[ */
var MyAjax = {
ajaxurl: "http://example.com/wordpress/wp-admin/admin-ajax.php"
};
/* ]]> */
nella sezione della mia pagina. Cosa sto sbagliando? Ho davvero bisogno di poter lanciare una richiesta ajax dal mio normale file script.js.
Qualche idea?
aggiornamento: il mio file script.js (incorporato manualmente nel mio <head>) dovrebbe chiamare una richiesta ajax:
var response;
$.post(
// vedi suggerimento #1 per come dichiariamo le variabili javascript globali
MyAjax.ajaxurl,
{
// qui dichiariamo i parametri da inviare con la richiesta
// questo significa che verranno attivati i seguenti hook:
// wp_ajax_nopriv_myajax-submit e wp_ajax_myajax-submit
action : 'wp_ajax_nopriv_searchmap',
},
function( response ) {
$sr.html(response);
La funzione nel mio file functions.php che voglio chiamare è questa:
// incorpora il file javascript che effettua la richiesta AJAX
wp_enqueue_script( 'my-ajax-request', plugin_dir_url( __FILE__ ) . 'js/ajax.js' );
// dichiara l'URL del file che gestisce la richiesta AJAX (wp-admin/admin-ajax.php)
wp_localize_script( 'my-ajax-request', 'MyAjax', array( 'ajaxurl' => admin_url( 'admin-ajax.php' ) ) );
// questo hook viene attivato se l'utente corrente non è loggato
if (isset($_GET['action'])) {
do_action( 'wp_ajax_nopriv_' . $_GET['action'] );
}
// se loggato:
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() {
// Avvia output buffer
ob_start();
?>
div>
<h3>Pagine</h3>
<ul>
<?php wp_list_pages('title_li=&depth=0&exclude='); ?>
</ul>
<h3>Articoli</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>Categorie</h3>
<ul>
<?php wp_list_categories('title_li=&orderby=name'); ?>
</ul>
</div>
<?php
$output = ob_get_contents();
// Termina output buffer
ob_end_clean();
$response = json_encode($output);
// output della risposta
header( "Content-Type: application/json" );
echo $response;
// IMPORTANTE: non dimenticare di fare "exit"
exit;
}
Cosa non sto capendo? Voglio semplicemente poter richiedere dati via ajax dal mio normale file javascript. Devo processare l'html che ritorna nel mio file javascript.
Qualche idea su cosa sto sbagliando o meglio, cosa devo fare per far funzionare tutto?
grazie. quindi come posso chiamare una funzione all'interno del mio functions.php via ajax? Ho aggiornato la mia domanda. Apprezzerei davvero il tuo aiuto con questo!
mathiregister
Risposta aggiornata, vedi sopra. :)
t31os
grazie, invece per le righe wp_enqueue_script(); e wp_localize_script()? Devo mantenerle? wp_enqueue_script() dovrebbe puntare alla stessa directory del mio file js normale (dove voglio chiamare l'ajax)? Perché altrimenti non posso usare MyAjax.ajaxurl, { action : 'wp_ajax_nopriv_searchmap', } per chiamare lo script - dato che MyAjax non esiste se non uso la cosa del localize_script? Come sarebbe il mio javascript per chiamare questa funzione?
mathiregister
@mathiregister: esatto, devi mantenerli, se non usi p_enqueue_script(); per accodarlo nel modo WordPress allora non puoi usare wp_localize_script() poiché quello script non è noto a WordPress, puoi stampare lo script e definire l'URL ajax in php ma sarebbe una cattiva pratica. E infine il tuo action : 'wp_ajax_nopriv_searchmap' dovrebbe essere action : 'searchmap' il prefisso dell'hook viene gestito per te.
Bainternet
@mathiregister - Ho aggiornato di nuovo la mia risposta per te.
t31os
Ah, ma c'è un inghippo, non è sempre definito, ci sono cascato quando ho provato a usarlo... Almeno non era sempre disponibile nei miei test, e non per gli utenti ospiti.
t31os
Infatti, ho aggiunto una precisazione.
scribu
Otto con uno snippet di codice su come definire la variabile nel frontend - http://wordpress.org/support/topic/ajaxurl-is-not-defined?replies=4#post-1989445
Mario Peshev