在wordpress中如何使用ajax

下面我就為大家分享一篇基於wordpress的ajax寫法詳解，具有很好的參考價值，希望對大家有幫助。

想針對一個wordpress的模板程式進行更改，想到ajax的方便，就研究了一下。

以下是使用方法和程式碼：

#js頁面如下

<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請求應該指向wp-admin/admin-ajax.php。雖然」admin」這個字有點容易誤導人，不過即使是前台的ajax請求，也應該定位到admin-ajax.php。

admin-ajax需要一個參數「action」。 admin-ajax需要這個參數來處理請求，它通常觸發一個hook，根據是否登入有所不同。

然後在外掛程式或主題裡寫函數

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' );

上面是我整理給大家的，希望今後會對大家有幫助。

相關文章：

使用Vue.js 2.0如何實作背景影片登入頁面

使用Vue開發時間轉換指令該怎麼做？

angularjs中如何實作頁面自適應？

在VueJs中如何監聽window.resize具體該怎麼實現？

以上是在wordpress中如何使用ajax的詳細內容。更多資訊請關注PHP中文網其他相關文章！