wordpress的ajax寫法詳解

想針對一個wordpress的模板程式進行更改，想到ajax的方便，就研究了一下。本文主要為大家分享一篇基於wordpress的ajax寫法詳解，具有很好的參考價值，希望對大家有幫助。一起跟著小編過來看看吧，希望能幫助大家。

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

js頁面如下

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

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

相關推薦：

#WordPress如何實作偽靜態加html後綴

#解析WordPress中hook的使用

給WordPress中的留言加上樓層號碼

以上是wordpress的ajax寫法詳解的詳細內容。更多資訊請關注PHP中文網其他相關文章！