基于wordpress的ajax怎么寫

這篇文章主要為大家展示了“基于wordpress的ajax怎么寫”，內(nèi)容簡而易懂，條理清晰，希望能夠幫助大家解決疑惑，下面讓小編帶領(lǐng)大家一起研究并學(xué)習(xí)一下“基于wordpress的ajax怎么寫”這篇文章吧。

js頁面如下

<script>
  var ajaxurl = '<?php echo admin_url('admin-ajax.php')?>';
  function getVideo(id){
		//必須使用以下里面才能正常使用jquery
    jQuery(document).ready(function($){
      var data={
        tape:id,
				//這里尤為重要，action的參數(shù)要和請求的函數(shù)名一致
        action : 'get_ajax_video',
      }
      $.post(ajaxurl, data, function(response) {
        $('.player').html(response);
      });
    });
  }
</script>

AJAX請求應(yīng)該指向wp-admin/admin-ajax.php。雖然”admin”這個詞有點容易誤導(dǎo)人，不過即使是前臺的ajax請求，也應(yīng)該定位到admin-ajax.php。

admin-ajax需要一個參數(shù)“action”。admin-ajax需要這個參數(shù)來處理請求，它通常觸發(fā)一個hook，根據(jù)是否登錄有所不同。

然后在插件或者主題里寫函數(shù)

function get_ajax_video() {
  // 輸出響應(yīng)
  header( "Content-Type: application/json" );
  echo json_encode($html);
  exit;//這個停止一定要寫
}
//函數(shù)名對應(yīng)添加上，第一個表示用戶沒有登錄時，這里全部都一樣處理
add_action( 'wp_ajax_nopriv_get_ajax_video', 'get_ajax_video' );
add_action( 'wp_ajax_get_ajax_video', 'get_ajax_video' );

以上是“基于wordpress的ajax怎么寫”這篇文章的所有內(nèi)容，感謝各位的閱讀！相信大家都有了一定的了解，希望分享的內(nèi)容對大家有所幫助，如果還想學(xué)習(xí)更多知識，歡迎關(guān)注億速云行業(yè)資訊頻道！