基于wordpress的ajax寫法詳解
想針對一個(gè)wordpress的模板程序進(jìn)行更改,想到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”這個(gè)詞有點(diǎn)容易誤導(dǎo)人,不過即使是前臺的ajax請求,也應(yīng)該定位到admin-ajax.php。
admin-ajax需要一個(gè)參數(shù)“action”。admin-ajax需要這個(gè)參數(shù)來處理請求,它通常觸發(fā)一個(gè)hook,根據(jù)是否登錄有所不同。
然后在插件或者主題里寫函數(shù)
function get_ajax_video() { // 輸出響應(yīng) header( "Content-Type: application/json" ); echo json_encode($html); exit;//這個(gè)停止一定要寫 } //函數(shù)名對應(yīng)添加上,第一個(gè)表示用戶沒有登錄時(shí),這里全部都一樣處理 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)容了,希望能給大家一個(gè)參考,也希望大家多多支持腳本之家。
相關(guān)文章
使用JavaScript動態(tài)設(shè)置樣式實(shí)現(xiàn)代碼及演示動畫
使用onmouseover和onmouseout事件實(shí)現(xiàn)不同的效果而且是使用js動態(tài)實(shí)現(xiàn),本文有利于鞏固你js與css方面的知識,感興趣的你可以了解下哦,希望本文對你有所幫助2013-01-01淺析js實(shí)現(xiàn)網(wǎng)頁截圖的兩種方式
這篇文章主要介紹了淺析js實(shí)現(xiàn)網(wǎng)頁截圖的兩種方式,文中通過示例代碼介紹的非常詳細(xì),對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值,需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧2019-11-11ES6中Array.find()和findIndex()函數(shù)的用法詳解
ES6為Array增加了find(),findIndex函數(shù)。find()函數(shù)用來查找目標(biāo)元素,找到就返回該元素,找不到返回undefined,而findIndex()函數(shù)也是查找目標(biāo)元素,找到就返回元素的位置,找不到就返回-1。下面通過實(shí)例詳解,需要的朋友參考下吧2017-09-09JS實(shí)現(xiàn)websocket長輪詢實(shí)時(shí)消息提示的效果
這篇文章主要介紹了JS實(shí)現(xiàn)websocket長輪詢實(shí)時(shí)消息提示的效果的相關(guān)資料,需要的朋友可以參考下2017-10-10如何編寫一個(gè) Webpack Loader的實(shí)現(xiàn)
這篇文章主要介紹了如何編寫一個(gè) Webpack Loader的實(shí)現(xiàn),文中通過示例代碼介紹的非常詳細(xì),對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值,需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧2020-10-10