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