基于wordpress的ajax寫法詳解
更新時(shí)間：2018年01月02日 09:32:10 作者：myarche
下面小編就為大家分享一篇基于wordpress的ajax寫法詳解，具有很好的參考價(jià)值，希望對(duì)大家有所幫助。一起跟隨小編過來看看吧
想針對(duì)一個(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ù)要和請(qǐng)求的函數(shù)名一致
action : 'get_ajax_video',
}
$.post(ajaxurl, data, function(response) {
$('.player').html(response);
});
});
}
</script>
AJAX請(qǐng)求應(yīng)該指向wp-admin/admin-ajax.php。雖然”admin”這個(gè)詞有點(diǎn)容易誤導(dǎo)人，不過即使是前臺(tái)的ajax請(qǐng)求，也應(yīng)該定位到admin-ajax.php。
admin-ajax需要一個(gè)參數(shù)“action”。admin-ajax需要這個(gè)參數(shù)來處理請(qǐng)求，它通常觸發(fā)一個(gè)hook，根據(jù)是否登錄有所不同。
然后在插件或者主題里寫函數(shù)
function get_ajax_video() {
// 輸出響應(yīng)
header( "Content-Type: application/json" );
echo json_encode($html);
exit;//這個(gè)停止一定要寫
}
//函數(shù)名對(duì)應(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寫法詳解就是小編分享給大家的全部?jī)?nèi)容了，希望能給大家一個(gè)參考，也希望大家多多支持腳本之家。
相關(guān)文章
這篇文章主要給大家介紹了關(guān)于JS保留小數(shù)幾種簡(jiǎn)單方法,在JS中保留小數(shù)的方法有很多,可以Math函數(shù)或者以字符串形式來進(jìn)行處理,但在有的時(shí)候需要四舍五入,有時(shí)候不需要,需要的朋友可以參考下2023-10-10
這篇文章主要為大家詳細(xì)介紹了JavaScript中常用的幾個(gè)DOM事件，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下，希望能夠給你帶來幫助2022-04-04
使用JavaScript動(dòng)態(tài)設(shè)置樣式實(shí)現(xiàn)代碼及演示動(dòng)畫
使用onmouseover和onmouseout事件實(shí)現(xiàn)不同的效果而且是使用js動(dòng)態(tài)實(shí)現(xiàn)，本文有利于鞏固你js與css方面的知識(shí)，感興趣的你可以了解下哦，希望本文對(duì)你有所幫助2013-01-01
這篇文章介紹了JavaScript防抖動(dòng)與節(jié)流處理的方法，文中通過示例代碼介紹的非常詳細(xì)。對(duì)大家的學(xué)習(xí)或工作具有一定的參考借鑒價(jià)值，需要的朋友可以參考下2022-06-06
淺析js實(shí)現(xiàn)網(wǎng)頁截圖的兩種方式
這篇文章主要介紹了淺析js實(shí)現(xiàn)網(wǎng)頁截圖的兩種方式，文中通過示例代碼介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值，需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧2019-11-11
ES6中Array.find()和findIndex()函數(shù)的用法詳解
ES6為Array增加了find()，findIndex函數(shù)。find()函數(shù)用來查找目標(biāo)元素，找到就返回該元素，找不到返回undefined，而findIndex()函數(shù)也是查找目標(biāo)元素，找到就返回元素的位置，找不到就返回-1。下面通過實(shí)例詳解，需要的朋友參考下吧2017-09-09
JS實(shí)現(xiàn)websocket長(zhǎng)輪詢實(shí)時(shí)消息提示的效果
這篇文章主要介紹了JS實(shí)現(xiàn)websocket長(zhǎng)輪詢實(shí)時(shí)消息提示的效果的相關(guān)資料,需要的朋友可以參考下2017-10-10
JAVASCRIPT中keycode總結(jié)，方便需要控制keycode的朋友2009-02-02
使用js實(shí)現(xiàn)動(dòng)態(tài)背景
這篇文章主要為大家詳細(xì)介紹了使用js實(shí)現(xiàn)動(dòng)態(tài)背景，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2021-11-11
如何編寫一個(gè) Webpack Loader的實(shí)現(xiàn)
這篇文章主要介紹了如何編寫一個(gè) Webpack Loader的實(shí)現(xiàn)，文中通過示例代碼介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值，需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧2020-10-10