Wie verhindert man die Seitenumleitung in WordPress?

Wie verhindert man die Seitenumleitung in WordPress?

Bei der Website-Entwicklung möchten wir manchmal eine Seiten-Non-Jump-Einstellung in WordPress implementieren, das heißt, bei bestimmten Vorgängen kann der Seiteninhalt aktualisiert werden, ohne die gesamte Seite zu aktualisieren. Dies verbessert die Benutzererfahrung und macht die Website reibungsloser. Als Nächstes erklären wir Ihnen, wie Sie die Seiten-Non-Jump-Einstellung in WordPress implementieren und stellen spezifische Codebeispiele bereit.

Zunächst können wir Ajax verwenden, um die Funktion zu erreichen, dass die Seite nicht springt. Ajax ist eine Technologie, die Daten asynchron im Hintergrund lädt, ohne die gesamte Seite neu zu laden. In WordPress können wir die Seiten-Non-Jump-Einstellung über Hook-Funktionen und Ajax-Anfragen implementieren.

Im Folgenden finden Sie die Schritte und Codebeispiele zum Implementieren der Seiten-Non-Jump-Einstellung:

Schritt 1: Fügen Sie den folgenden Code zur Datei „functions.php“ des Themes hinzu, um das Ajax-Skript zu registrieren und die Rückruffunktion für die Verarbeitung von Ajax-Anfragen festzulegen:

add_action('wp_enqueue_scripts', 'enqueue_ajax_script');
function enqueue_ajax_script(){
    wp_enqueue_script('custom-ajax-script', get_template_directory_uri().'/js/custom-ajax-script.js', array('jquery'), '1.0', true);
    wp_localize_script('custom-ajax-script', 'ajax_object', array('ajax_url' => admin_url('admin-ajax.php')));
}

add_action('wp_ajax_nopriv_custom_ajax_request', 'custom_ajax_request');
add_action('wp_ajax_custom_ajax_request', 'custom_ajax_request');

function custom_ajax_request(){
    // 在这里处理Ajax请求
    $response = array('message' => '这是通过Ajax请求返回的数据');
    wp_send_json($response);
}

Schritt 2: Erstellen Sie eine js-Datei „custom-ajax-script.js“ im Theme-Ordner und fügen Sie dann den folgenden Code zum Senden von Ajax-Anfragen hinzu:

jQuery(document).ready(function($){
    $('#my-button').click(function(){
        $.ajax({
            url: ajax_object.ajax_url,
            type: 'post',
            data: {
                action: 'custom_ajax_request'
            },
            success: function(response){
                alert(response.message);
            }
        });
    });
});

Schritt 3: Fügen Sie der WordPress-Seite oder dem WordPress-Artikel eine Schaltfläche zum Auslösen hinzu Ajax-Anfrage:

<button id="my-button">点击我发送Ajax请求</button>

Durch die oben genannten Schritte und Codebeispiele können wir die Seiten-Non-Jump-Einstellung in WordPress implementieren. Wenn der Benutzer auf die Schaltfläche klickt, fordert die Seite aktualisierte Daten über Ajax an, die gesamte Seite wird jedoch nicht aktualisiert, wodurch der Effekt erzielt wird, dass kein Seitensprung erfolgt.

Zusammenfassung:

Die Einstellung „Seiten-Non-Jump“ ist in der Website-Entwicklung sehr verbreitet, was die Benutzererfahrung verbessern und die Website interaktiver machen kann. Der Schlüssel zum Erreichen von Seiten-Non-Jump-Einstellungen in WordPress liegt in der Verwendung der Ajax-Technologie und der Verarbeitung von Ajax-Anfragen im Hintergrund. Ich hoffe, dass der obige Inhalt Ihnen dabei helfen kann, Seiten-Non-Jump-Einstellungen in WordPress erfolgreich zu implementieren.

Das obige ist der detaillierte Inhalt vonWie verhindert man die Seitenumleitung in WordPress?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!