国产av日韩一区二区三区精品,成人性爱视频在线观看,国产,欧美,日韩,一区,www.成色av久久成人,2222eeee成人天堂

首頁(yè) 後端開(kāi)發(fā) php教程 如何在 WordPress 中實(shí)現(xiàn) Ajax 支援的「加載更多」貼文？

如何在 WordPress 中實(shí)現(xiàn) Ajax 支援的「加載更多」貼文？

Dec 01, 2024 am 09:59 AM

How to Implement Ajax-Powered

在WordPress 中透過(guò)Ajax 載入更多文章

在WordPress 中實(shí)作「載入更多」按鈕來(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)：

  • 類別過(guò)濾：
    • 您可以通過(guò)添加資料來(lái)合併類別過(guò)濾屬性到帶有類別ID 的「載入更多」按鈕。然後，在 PHP 程式碼中，從 $_POST 陣列中檢索類別 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)文章！

本網(wǎng)站聲明
本文內(nèi)容由網(wǎng)友自願(yuàn)投稿，版權(quán)歸原作者所有。本站不承擔(dān)相應(yīng)的法律責(zé)任。如發(fā)現(xiàn)涉嫌抄襲或侵權(quán)的內(nèi)容，請(qǐng)聯(lián)絡(luò)admin@php.cn

熱AI工具

Undress AI Tool

Undress AI Tool

免費(fèi)脫衣圖片

Undresser.AI Undress

Undresser.AI Undress

人工智慧驅(qū)動(dòng)的應(yīng)用程序，用於創(chuàng)建逼真的裸體照片

AI Clothes Remover

AI Clothes Remover

用於從照片中去除衣服的線上人工智慧工具。

Clothoff.io

Clothoff.io

AI脫衣器

Video Face Swap

Video Face Swap

使用我們完全免費(fèi)的人工智慧換臉工具，輕鬆在任何影片中換臉！

熱工具

記事本++7.3.1

記事本++7.3.1

好用且免費(fèi)的程式碼編輯器

SublimeText3漢化版

SublimeText3漢化版

中文版，非常好用

禪工作室 13.0.1

禪工作室 13.0.1

強(qiáng)大的PHP整合開(kāi)發(fā)環(huán)境

Dreamweaver CS6

Dreamweaver CS6

視覺(jué)化網(wǎng)頁(yè)開(kāi)發(fā)工具

SublimeText3 Mac版

SublimeText3 Mac版

神級(jí)程式碼編輯軟體(SublimeText3)

熱門(mén)話題

對(duì)基於PHP的API進(jìn)行版本控制的最佳實(shí)踐是什麼？ 對(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)？ 如何在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ū)ο蟮木幊坦?fàn)例之間有什麼區(qū)別？ PHP中的程序和麵向?qū)ο蟮木幊坦?fàn)例之間有什麼區(qū)別？ Jun 14, 2025 am 12:25 AM

procemal and object-tiriendedprogromming（oop）inphpdiffersimplessintustructure，可重複使用性和datahandling.1.procedural-Progrogursmingusesfunctimesfunctionsormanized sequalized sequalized sequiential，poiperforsmallscripts.2.OpporganizesCodeOrganizescodeOdeIntsocloceSandObjects，ModelingReal-Worlden-Worlden

PHP中有哪些弱參考（弱圖），何時(shí)有用？ PHP中有哪些弱參考（弱圖），何時(shí)有用？ Jun 14, 2025 am 12:25 AM

PHPdoesnothaveabuilt-inWeakMapbutoffersWeakReferenceforsimilarfunctionality.1.WeakReferenceallowsholdingreferenceswithoutpreventinggarbagecollection.2.Itisusefulforcaching,eventlisteners,andmetadatawithoutaffectingobjectlifecycles.3.YoucansimulateaWe

如何在PHP中安全地處理文件上傳？ 如何在PHP中安全地處理文件上傳？ Jun 19, 2025 am 01:05 AM

要安全處理PHP中的文件上傳，核心在於驗(yàn)證文件類型、重命名文件並限制權(quán)限。 1.使用finfo_file()檢查真實(shí)MIME類型，僅允許特定類型如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)行交互？ 如何與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ū)別？ PHP中==（鬆散比較）和===（嚴(yán)格的比較）之間有什麼區(qū)別？ Jun 19, 2025 am 01:07 AM

在PHP中，==與===的主要區(qū)別在於類型檢查的嚴(yán)格程度。 ==在比較前會(huì)進(jìn)行類型轉(zhuǎn)換，例如5=="5"返回true，而===要求值和類型都相同才會(huì)返回true，例如5==="5"返回false。使用場(chǎng)景上，===更安全應(yīng)優(yōu)先使用，==僅在需要類型轉(zhuǎn)換時(shí)使用。

我如何了解最新的PHP開(kāi)發(fā)和最佳實(shí)踐？ 我如何了解最新的PHP開(kāi)發(fā)和最佳實(shí)踐？ Jun 23, 2025 am 12:56 AM

TostaycurrentwithPHPdevelopmentsandbestpractices,followkeynewssourceslikePHP.netandPHPWeekly,engagewithcommunitiesonforumsandconferences,keeptoolingupdatedandgraduallyadoptnewfeatures,andreadorcontributetoopensourceprojects.First,followreliablesource

See all articles