Bagaimana untuk mengelakkan pengalihan halaman dalam WordPress?

Bagaimana untuk menghalang pengalihan halaman dalam WordPress?

Dalam pembangunan laman web, kadangkala kami ingin melaksanakan tetapan bukan lompat halaman dalam WordPress, iaitu semasa operasi tertentu, kandungan halaman boleh dikemas kini tanpa menyegarkan keseluruhan halaman. Ini meningkatkan pengalaman pengguna dan menjadikan tapak web lebih lancar. Seterusnya, kami akan berkongsi cara melaksanakan tetapan bukan lompat halaman dalam WordPress dan memberikan contoh kod khusus.

Pertama sekali, kita boleh menggunakan Ajax untuk mencapai fungsi page not jumping. Ajax ialah teknologi yang memuatkan data secara tidak segerak di latar belakang tanpa memuatkan semula keseluruhan halaman. Dalam WordPress, kami boleh melaksanakan tetapan bukan lompat halaman melalui fungsi cangkuk dan permintaan Ajax.

Berikut ialah langkah dan contoh kod untuk melaksanakan tetapan bukan lompat halaman:

Langkah 1: Tambahkan kod berikut pada fail functions.php tema untuk mendaftarkan skrip Ajax dan tetapkan fungsi panggil balik untuk memproses permintaan Ajax:

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);
}

Langkah 2: Buat fail js custom-ajax-script.js dalam folder tema, dan kemudian tambah kod berikut untuk menghantar permintaan Ajax:

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);
            }
        });
    });
});

Langkah 3: Tambahkan butang pada halaman WordPress atau artikel untuk mencetuskan Permintaan Ajax:

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

Melalui langkah dan contoh kod di atas, kami boleh melaksanakan tetapan bukan lompat halaman dalam WordPress. Apabila pengguna mengklik butang, halaman akan meminta data yang dikemas kini melalui Ajax, tetapi keseluruhan halaman tidak akan dimuat semula, sekali gus mencapai kesan tiada lompatan halaman.

Ringkasan:

Tetapan bukan lompat halaman adalah sangat biasa dalam pembangunan tapak web, yang boleh meningkatkan pengalaman pengguna dan menjadikan tapak web lebih interaktif. Kunci untuk mencapai tetapan bukan lompat halaman dalam WordPress adalah menggunakan teknologi Ajax dan mengendalikan permintaan Ajax di latar belakang. Saya harap kandungan di atas dapat membantu anda berjaya melaksanakan tetapan bukan lompat halaman dalam WordPress.

Atas ialah kandungan terperinci Bagaimana untuk mengelakkan pengalihan halaman dalam WordPress?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!