基于wordpress的ajax寫(xiě)法詳解
更新時(shí)間：2018年01月02日 09:32:10 作者：myarche
下面小編就為大家分享一篇基于wordpress的ajax寫(xiě)法詳解，具有很好的參考價(jià)值，希望對(duì)大家有所幫助。一起跟隨小編過(guò)來(lái)看看吧
想針對(duì)一個(gè)wordpress的模板程序進(jìn)行更改，想到ajax的方便，就研究了一下。
以下是使用方法和代碼：
js頁(yè)面如下
<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)人，不過(guò)即使是前臺(tái)的ajax請(qǐng)求，也應(yīng)該定位到admin-ajax.php。
admin-ajax需要一個(gè)參數(shù)“action”。admin-ajax需要這個(gè)參數(shù)來(lái)處理請(qǐng)求，它通常觸發(fā)一個(gè)hook，根據(jù)是否登錄有所不同。
然后在插件或者主題里寫(xiě)函數(shù)
function get_ajax_video() {
// 輸出響應(yīng)
header( "Content-Type: application/json" );
echo json_encode($html);
exit;//這個(gè)停止一定要寫(xiě)
}
//函數(shù)名對(duì)應(yīng)添加上，第一個(gè)表示用戶沒(méi)有登錄時(shí)，這里全部都一樣處理
add_action( 'wp_ajax_nopriv_get_ajax_video', 'get_ajax_video' );
add_action( 'wp_ajax_get_ajax_video', 'get_ajax_video' );
以上這篇基于wordpress的ajax寫(xiě)法詳解就是小編分享給大家的全部?jī)?nèi)容了，希望能給大家一個(gè)參考，也希望大家多多支持腳本之家。
相關(guān)文章
JS重寫(xiě)Date函數(shù)以及兼容IOS系統(tǒng)
這篇文章主要介紹了JS重寫(xiě)Date函數(shù)以及兼容IOS系統(tǒng),具有很好的參考價(jià)值,希望對(duì)大家有所幫助,如有錯(cuò)誤或未考慮完全的地方,望不吝賜教2023-10-10
Bootstrap 3的box-sizing樣式導(dǎo)致UEditor控件的圖片無(wú)法正?？s放的解決方案
這篇文章主要介紹了Bootstrap 3的box-sizing樣式導(dǎo)致UEditor控件的圖片無(wú)法正?？s放的解決方案的相關(guān)資料,需要的朋友可以參考下2016-09-09
D3.js的基礎(chǔ)部分之?dāng)?shù)組的處理數(shù)組的排序和求值(v3版本)
這篇文章主要介紹了D3.js的基礎(chǔ)部分之?dāng)?shù)組的處理數(shù)組的排序和求值(v3版本) ,非常不錯(cuò)，具有一定的參考借鑒價(jià)值，需要的朋友可以參考下2019-05-05
這篇文章主要為大家詳細(xì)介紹了laydate時(shí)間日歷插件的使用方法，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2018-11-11
Axios是一個(gè)基于Promise的HTTP客戶端,專為瀏覽器和node.js設(shè)計(jì),本文主要為大家詳細(xì)介紹了Axios的具體使用,感興趣的小伙伴可以跟隨小編一起學(xué)習(xí)一下2024-01-01
棧是一種強(qiáng)大的數(shù)據(jù)結(jié)構(gòu),在?JavaScript?中有許多實(shí)際應(yīng)用,從表達(dá)式求值到函數(shù)調(diào)用棧,從圖的遍歷到括號(hào)匹配,棧都發(fā)揮了重要作用,這篇文章主要介紹了JavaScript中棧的運(yùn)用,需要的朋友可以參考下2024-11-11
僅相隔一天就出了個(gè)v3。 修正了一個(gè)bug，firefox左側(cè)內(nèi)容寬度錯(cuò)誤。2009-02-02
今天小編就為大家分享一篇解決layui彈框失效的問(wèn)題，具有很好的參考價(jià)值，希望對(duì)大家有所幫助。一起跟隨小編過(guò)來(lái)看看吧2019-09-09
微信小程序?qū)崿F(xiàn)選項(xiàng)卡滑動(dòng)切換
這篇文章主要為大家詳細(xì)介紹了微信小程序?qū)崿F(xiàn)選項(xiàng)卡滑動(dòng)切換，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2020-10-10
js實(shí)現(xiàn)選中復(fù)選框文字變色的方法
這篇文章主要介紹了js實(shí)現(xiàn)選中復(fù)選框文字變色的方法,涉及javascript鼠標(biāo)事件及頁(yè)面元素的相關(guān)操作技巧,具有一定參考借鑒價(jià)值,需要的朋友可以參考下2015-08-08