Comment utiliser ajax dans wordpress

Ci-dessous, je partagerai avec vous une explication détaillée de l'é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.

Je voulais apporter des modifications à un programme de modèles WordPress. J'ai pensé à la commodité d'ajax, alors j'ai fait quelques recherches.

Ce qui suit est la méthode d'utilisation et le code :

La page js est la suivante

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

Les requêtes AJAX doivent être dirigées vers wp-admin/admin-ajax.php. Bien que le mot « admin » soit un peu trompeur, même la demande ajax à 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' );

Ce qui précède est ce que j'ai compilé pour tout le monde, j'espère que cela sera utile à tout le monde. l'avenir.

Articles connexes :

Comment implémenter une page de connexion vidéo en arrière-plan à l'aide de Vue.js 2.0

Comment utiliser Vue pour développer le temps instructions de conversion ?

Comment implémenter l'adaptation de page dans angulairejs ?

Comment surveiller window.resize dans VueJs et comment l'implémenter spécifiquement ?

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!