在 WordPress 中通過(guò) Ajax 加載更多帖子
在 WordPress 中實(shí)現(xiàn)“加載更多”按鈕來(lái)動(dòng)態(tài)加載帖子需要 PHP 和JavaScript。雖然您已經(jīng)概述了特定方法，但可能還有其他因素會(huì)影響代碼的功能或效率。這是修訂和增強(qiáng)的解決方案：
HTML 標(biāo)記：
<div>
函數(shù) PHP 文件：
function more_post_ajax() {
$offset = $_POST["offset"];
$ppp = $_POST["ppp"];
header("Content-Type: text/html");
$args = [
'suppress_filters' => true,
'post_type' => 'post',
'posts_per_page' => $ppp,
'cat' => 1,
'offset' => $offset,
];
$loop = new WP_Query($args);
while ($loop->have_posts()) {
$loop->the_post();
the_content();
}
exit;
}
add_action('wp_ajax_nopriv_more_post_ajax', 'more_post_ajax');
add_action('wp_ajax_more_post_ajax', 'more_post_ajax');
wp_localize_script(
'twentyfifteen-script',
'ajax_posts',
array(
'ajaxurl' => admin_url('admin-ajax.php'),
'noposts' => __('No older posts found', 'twentyfifteen'),
)
);
jQuery功能：
var ppp = 3; // Posts per page
var page = 5; // Current page number, starting from 1
$('#more_posts').click(function() {
$('#more_posts').attr('disabled', true);
var offset = (page * ppp) + 1;
$.post(
ajax_posts.ajaxurl,
{
action: 'more_post_ajax',
offset: offset,
ppp: ppp,
}
).success(function(posts) {
page++;
$('#ajax-posts').append(posts);
$('#more_posts').attr('disabled', false);
});
});
其他注意事項(xiàng)：
- 類(lèi)別過(guò)濾：您可以通過(guò)添加數(shù)據(jù)來(lái)合并類(lèi)別過(guò)濾屬性到帶有類(lèi)別 ID 的“加載更多”按鈕。然后，在 PHP 代碼中，從 $_POST 數(shù)組中檢索類(lèi)別 ID，并在查詢參數(shù)中包含“cat”參數(shù)。
- 無(wú)限加載： 對(duì)于無(wú)限滾動(dòng)，您可以使用當(dāng)用戶向下滾動(dòng)頁(yè)面時(shí)，jQuery 的滾動(dòng)事件會(huì)自動(dòng)加載帖子。一種方法是當(dāng)頁(yè)面底部到視口頂部的距離小于閾值（例如 100 像素）時(shí)加載帖子。
- 加載指示器：考慮添加加載微調(diào)器或指示器，以便在加載帖子時(shí)向用戶提供視覺(jué)反饋。
- 錯(cuò)誤處理：確保正確的錯(cuò)誤處理PHP 和 JavaScript 代碼都用于處理 Ajax 請(qǐng)求或后期處理期間可能發(fā)生的任何潛在錯(cuò)誤。
以上是如何在 WordPress 中實(shí)現(xiàn) Ajax 支持的'加載更多”帖子？的詳細(xì)內(nèi)容。更多信息請(qǐng)關(guān)注PHP中文網(wǎng)其他相關(guān)文章！
熱AI工具
Undress AI Tool
免費(fèi)脫衣服圖片
Undresser.AI Undress
人工智能驅(qū)動(dòng)的應(yīng)用程序，用于創(chuàng)建逼真的裸體照片
AI Clothes Remover
用于從照片中去除衣服的在線人工智能工具。
Clothoff.io
AI脫衣機(jī)
Video Face Swap
使用我們完全免費(fèi)的人工智能換臉工具輕松在任何視頻中換臉！
熱門(mén)文章
熱工具
記事本++7.3.1
好用且免費(fèi)的代碼編輯器
SublimeText3漢化版
中文版，非常好用
禪工作室 13.0.1
功能強(qiáng)大的PHP集成開(kāi)發(fā)環(huán)境
Dreamweaver CS6
視覺(jué)化網(wǎng)頁(yè)開(kāi)發(fā)工具
SublimeText3 Mac版
神級(jí)代碼編輯軟件(SublimeText3)
熱門(mén)話題
對(duì)基于PHP的API進(jìn)行版本控制的最佳實(shí)踐是什么？
Jun 14, 2025 am 12:27 AM
基于toversionaphp，useUrl deuseUrl specteringforclarityAndEsofRouting，單獨(dú)的codetoavoidConflicts，dremecateOldVersionswithClearCommunication，andConsiderCustomHeadeSerlySerallyWhennEnncelsy.startbyplacingtheversionIntheUrl（E.G.，epi/api/v
如何在PHP中實(shí)施身份驗(yàn)證和授權(quán)？
Jun 20, 2025 am 01:03 AM
tosecurelyhandleauthenticationandationallizationInphp，lofterTheSesteps：1.AlwaysHashPasswordSwithPassword_hash（）andverifyusingspasspassword_verify（），usepreparedStatatementStopreventsqlineptions，andStoreSeruserDatain usseruserDatain $ _sessiveferterlogin.2.implementrole-2.imaccessccsccccccccccccccccccccccccc.
PHP中的程序和面向?qū)ο蟮木幊谭独g有什么區(qū)別？
Jun 14, 2025 am 12:25 AM
procemal and object-tiriendedprogromming（oop）inphpdiffersimplessintustructure，可重復(fù)使用性和datahandling.1.procedural-Progrogursmingusesfunctimesfunctionsormanized sequalized sequalized sequiential，poiperforsmallscripts.2.OpporganizesCodeOrganizescodeOdeIntsocloceSandObjects，ModelingReal-Worlden-Worlden
PHP中有哪些弱參考（弱圖），何時(shí)有用？
Jun 14, 2025 am 12:25 AM
PHPdoesnothaveabuilt-inWeakMapbutoffersWeakReferenceforsimilarfunctionality.1.WeakReferenceallowsholdingreferenceswithoutpreventinggarbagecollection.2.Itisusefulforcaching,eventlisteners,andmetadatawithoutaffectingobjectlifecycles.3.YoucansimulateaWe
如何在PHP中安全地處理文件上傳？
Jun 19, 2025 am 01:05 AM
要安全處理PHP中的文件上傳，核心在于驗(yàn)證文件類(lèi)型、重命名文件并限制權(quán)限。1.使用finfo_file()檢查真實(shí)MIME類(lèi)型，僅允許特定類(lèi)型如image/jpeg；2.用uniqid()生成隨機(jī)文件名，存儲(chǔ)至非Web根目錄；3.通過(guò)php.ini和HTML表單限制文件大小，設(shè)置目錄權(quán)限為0755；4.使用ClamAV掃描惡意軟件，增強(qiáng)安全性。這些步驟有效防止安全漏洞，確保文件上傳過(guò)程安全可靠。
如何與PHP的NOSQL數(shù)據(jù)庫(kù)（例如MongoDB，Redis）進(jìn)行交互？
Jun 19, 2025 am 01:07 AM
是的，PHP可以通過(guò)特定擴(kuò)展或庫(kù)與MongoDB和Redis等NoSQL數(shù)據(jù)庫(kù)交互。首先，使用MongoDBPHP驅(qū)動(dòng)（通過(guò)PECL或Composer安裝）創(chuàng)建客戶端實(shí)例并操作數(shù)據(jù)庫(kù)及集合，支持插入、查詢、聚合等操作；其次，使用Predis庫(kù)或phpredis擴(kuò)展連接Redis，執(zhí)行鍵值設(shè)置與獲取，推薦phpredis用于高性能場(chǎng)景，Predis則便于快速部署；兩者均適用于生產(chǎn)環(huán)境且文檔完善。
PHP中==（松散比較）和===（嚴(yán)格的比較）之間有什么區(qū)別？
Jun 19, 2025 am 01:07 AM
在PHP中，==與===的主要區(qū)別在于類(lèi)型檢查的嚴(yán)格程度。==在比較前會(huì)進(jìn)行類(lèi)型轉(zhuǎn)換，例如5=="5"返回true，而===要求值和類(lèi)型都相同才會(huì)返回true，例如5==="5"返回false。使用場(chǎng)景上，===更安全應(yīng)優(yōu)先使用，==僅在需要類(lèi)型轉(zhuǎn)換時(shí)使用。
我如何了解最新的PHP開(kāi)發(fā)和最佳實(shí)踐？
Jun 23, 2025 am 12:56 AM
TostaycurrentwithPHPdevelopmentsandbestpractices,followkeynewssourceslikePHP.netandPHPWeekly,engagewithcommunitiesonforumsandconferences,keeptoolingupdatedandgraduallyadoptnewfeatures,andreadorcontributetoopensourceprojects.First,followreliablesource
