web-dev-qa-db-fra.com

Comment utiliser globalement wp_localize_script () Ajax URL

J'ai ajouté ceci à mon functions.php et ai besoin d'utiliser ajaxURL dans tous les scripts en file d'attente du modèle (au lieu de mettre en file d'attente un seul script ici

add_action( 'wp_enqueue_scripts', 'ajaxify_enqueue_scripts' );
function ajaxify_enqueue_scripts() {
   wp_localize_script( 'ajaxify', 'ajaxURL', array('ajax_url' => get_template_directory_uri() . '/app/login.php' ));
}
add_action( 'wp_ajax_nopriv_set_ajaxify', 'set_ajaxify' );
add_action( 'wp_ajax_set_ajaxify', 'set_ajaxify' );

mais quand j'essaie d'appeler une méthode ajax je reçois cette erreur

Uncaught ReferenceError: ajaxURL is not defined

Existe-t-il un moyen d’ajouter la variable ajaxURL à tous les scripts?

1
Behseini

Vous pouvez conditionnellement faire écho du code sur seulement quelques modèles ou pages spécifiques. Voici un exemple:

add_action ( 'wp_head', 'my_js_variables' );
function my_js_variables(){
  // for specific page templates
  $current_template =  get_page_template();

  // return if there is no page template, or if the page template is other than template-x1.php or template-x2.php
  if( !isset($current_template) || ( $current_template != 'template-x1.php' && $current_template != 'template-x2.php' ) ){ return; } ?>
  <script type="text/javascript">
    var ajaxurl = <?php echo json_encode( admin_url( "admin-ajax.php" ) ); ?>; 
    var ajaxnonce = <?php echo json_encode( wp_create_nonce( "itr_ajax_nonce" ) ); ?>;
    var myarray = <?php echo json_encode( array(
         'foo' => 'bar',
         'available' => TRUE,
         'ship' => array( 1, 2, 3, ),
       ) ); ?>
  </script>
<?php
}
2
vikrant zilpe

Pour que la variable ajaxurl soit disponible sur le frontal, le moyen le plus simple consiste à ajouter cet extrait au fichier function.php de votre thème:

add_action('wp_head', 'myplugin_ajaxurl');
function myplugin_ajaxurl() {
    echo '<script type="text/javascript">
           var ajaxurl = "' . admin_url('admin-ajax.php') . '";
         </script>';
}

Ceci récupère l'URL de la page de soumission ajax et crée une variable dans l'en-tête du HTML avec celle-ci. "Ajaxurl" est maintenant disponible dans votre thème afin que vous puissiez commencer à le rendre plus moderne et dynamique.

1
vikrant zilpe