Explication détaillée de la méthode d'écriture ajax dans wordpress

Je voulais apporter des modifications à un programme de modèles WordPress et j'ai pensé à la commodité d'ajax, j'ai donc fait quelques recherches. Cet article partage principalement avec vous une explication détaillée de la méthode d'écriture ajax basée sur wordpress. Elle a une bonne valeur de référence et j'espère qu'elle sera utile à tout le monde. Suivons l'éditeur pour y jeter un œil, j'espère que cela pourra aider tout le monde.

Voici la méthode d'utilisation et le code :

La page js est la suivante

<script>
  var ajaxurl = '<?php echo admin_url(&#39;admin-ajax.php&#39;)?>';
  function getVideo(id){
		//必须使用以下里面才能正常使用jquery
    jQuery(document).ready(function($){
      var data={
        tape:id,
				//这里尤为重要，action的参数要和请求的函数名一致
        action : 'get_ajax_video',
      }
      $.post(ajaxurl, data, function(response) {
        $('.player').html(response);
      });
    });
  }
</script>

La requête AJAX doit pointer vers wp-admin/admin-ajax.php . Bien que le mot « admin » soit un peu trompeur, même la requête ajax de la réception devrait se trouver sur admin-ajax.php.

admin-ajax nécessite un paramètre "action". Admin-ajax nécessite ce paramètre pour gérer la requête. Il déclenche généralement un hook, qui varie selon que vous êtes connecté ou non.

Ensuite, écrivez la fonction dans le plug-in ou le thème

function get_ajax_video() {
  // 输出响应
  header( "Content-Type: application/json" );
  echo json_encode($html);
  exit;//这个停止一定要写
}
//函数名对应添加上，第一个表示用户没有登录时，这里全部都一样处理
add_action( 'wp_ajax_nopriv_get_ajax_video', 'get_ajax_video' );
add_action( 'wp_ajax_get_ajax_video', 'get_ajax_video' );

Recommandations associées :

Comment implémenter l'ajout pseudo-statique de HTML suffixe dans WordPress

Analyser l'utilisation des hooks dans WordPress

Ajouter des numéros d'étage aux messages dans WordPress

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!