Heim > Web-Frontend > js-Tutorial > Detaillierte Erklärung der Ajax-Schreibmethode in WordPress

Detaillierte Erklärung der Ajax-Schreibmethode in WordPress

小云云
Freigeben: 2018-01-03 09:22:12
Original
2399 Leute haben es durchsucht

Ich wollte Änderungen an einem WordPress-Vorlagenprogramm vornehmen und dachte an die Bequemlichkeit von Ajax, also habe ich etwas recherchiert. Dieser Artikel gibt Ihnen hauptsächlich eine detaillierte Erklärung der auf WordPress basierenden Ajax-Schreibmethode. Er hat einen guten Referenzwert und ich hoffe, dass er für alle hilfreich sein wird. Folgen wir dem Herausgeber und schauen wir uns das an. Ich hoffe, es kann allen helfen.

Das Folgende ist die Verwendungsmethode und der Code:

Die js-Seite lautet wie folgt

<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>
Nach dem Login kopieren

AJAX-Anfrage sollte auf wp-admin/admin-ajax.php verweisen . Obwohl das Wort „admin“ etwas irreführend ist, sollte selbst die Ajax-Anfrage von der Rezeption unter admin-ajax.php stehen.

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( 'wp_ajax_nopriv_get_ajax_video', 'get_ajax_video' );
add_action( 'wp_ajax_get_ajax_video', 'get_ajax_video' );
Nach dem Login kopieren

Verwandte Empfehlungen:

So implementieren Sie pseudostatisches Hinzufügen von HTML Suffix in WordPress

Analysieren Sie die Verwendung von Hooks in WordPress

Hinzufügen von Etagennummern zu Nachrichten in WordPress

Das obige ist der detaillierte Inhalt vonDetaillierte Erklärung der Ajax-Schreibmethode in WordPress. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

Verwandte Etiketten:
Quelle:php.cn
Erklärung dieser Website
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
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage