Bagaimana untuk Menyiarkan Data ke Fail PHP Tanpa Memuat Semula Halaman Menggunakan AJAX?

Masalah: Kesukaran Menyiarkan Borang Dalam $.load

Apabila cuba untuk melaksanakan kod apabila mengklik butang, anda menghadapi masalah di mana data siaran tidak berjaya dipindahkan ke fail PHP yang ditentukan bernama "MonsterRequest.php." Sebaliknya, halaman memuatkan semula dirinya seolah-olah data sedang dihantar ke halaman induk utama. Objektifnya adalah untuk menyiarkan data tanpa menyebabkan halaman dimuat semula.

Penjelasan:

AJAX: Asynchronous JavaScript dan XML

Untuk memahami isu ini, adalah penting untuk membiasakan diri dengan AJAX. AJAX ialah teknik yang digunakan dalam pembangunan web untuk membolehkan pertukaran data antara pelayar web dan pelayan web tanpa memuatkan semula halaman. Ini boleh dilakukan menggunakan objek XMLHttpRequest dalam JavaScript, yang menghantar permintaan ke pelayan web secara tidak segerak.

Dalam kod anda, anda menggunakan $.load untuk memuatkan fail "MonsterRequest.php" ke dalam div "CenterPiece" . Walau bagaimanapun, kaedah ini tidak sesuai untuk menyiarkan data. Ia digunakan terutamanya untuk memuatkan kandungan luaran ke dalam elemen tertentu.

Penyelesaian:

Untuk menyiarkan data tanpa memuat semula halaman, anda harus menggunakan kaedah $.ajax. Kaedah ini membolehkan anda menghantar data tak segerak ke skrip sebelah pelayan dan menerima respons tanpa menjejaskan kandungan halaman utama.

Berikut ialah versi ubah suai kod anda menggunakan $.ajax:

    Readthis = "MonsterRequest.php?id=<?php echo $_REQUEST['id']; ?>&Mon=";
    TestVar = TestVar.replace(/\s/g, "");
    Readthis = Readthis + htmlencode(TestVar);

    $.ajax({
        url: Readthis,
        type: "POST",
        data: {
            Mon: TestVar
        },
        success: function(data) {
            // Handle the server response here (e.g., display data in the "CenterPiece" div)
        }
    });

Dalam kod ini, kaedah $.ajax digunakan untuk menyiarkan data yang terkandung dalam pembolehubah "TestVar" kepada "MonsterRequest.php" tanpa memuatkan semula halaman tersebut. Fungsi "kejayaan" boleh digunakan untuk mengendalikan respons pelayan dan mengemas kini DOM mengikut keperluan.

Atas ialah kandungan terperinci Bagaimana untuk Menyiarkan Data ke Fail PHP Tanpa Memuat Semula Halaman Menggunakan AJAX?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!