Heim  >  Artikel  >  Web-Frontend  >  So verwenden Sie Ajax in WordPress

So verwenden Sie Ajax in WordPress

亚连
亚连Original
2018-06-14 13:54:502492Durchsuche

Im Folgenden werde ich Ihnen eine detaillierte Erklärung des Ajax-Schreibens auf Basis von WordPress geben. Es hat einen guten Referenzwert und ich hoffe, dass es für alle hilfreich sein wird.

Ich wollte Änderungen an einem WordPress-Vorlagenprogramm vornehmen, da ich an die Bequemlichkeit von Ajax dachte, also habe ich etwas recherchiert.

Das Folgende ist die Verwendungsmethode und der Code:

Die js-Seite lautet wie folgt

<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>

AJAX-Anfrage sollte auf wp-admin/admin-ajax.php verweisen. Obwohl das Wort „admin“ etwas irreführend ist, sollten sich sogar Front-End-Ajax-Anfragen unter admin-ajax.php befinden.

admin-ajax erfordert einen Parameter „action“. Admin-ajax benötigt diesen Parameter, um die Anfrage zu verarbeiten. Er löst normalerweise einen Hook aus, der je nachdem, ob Sie angemeldet sind oder nicht, unterschiedlich ist.

Dann schreiben Sie die Funktion in das Plug-in oder Theme

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

Das Obige habe ich für alle zusammengestellt. Ich hoffe, dass es in Zukunft für alle hilfreich sein wird .

Verwandte Artikel:

So implementieren Sie eine Hintergrundvideo-Anmeldeseite mit Vue.js 2.0

Wie Sie Vue nutzen, um Zeit zu entwickeln Umbauanleitung?

Wie implementiert man eine Seitenanpassung in AngularJS?

Wie überwacht man window.resize in VueJs und wie implementiert man es konkret?

Das obige ist der detaillierte Inhalt vonSo verwenden Sie Ajax in WordPress. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

Stellungnahme:
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn