ajax melaksanakan dua tatasusunan lulus php

Dalam beberapa tahun kebelakangan ini, dengan perkembangan teknologi Internet yang semakin pesat, semakin banyak tapak web telah mula menggunakan Ajax untuk meningkatkan pengalaman pengguna. Artikel ini akan memperkenalkan cara melaksanakan pemindahan tatasusunan antara dua fail php melalui Ajax.

1. Apakah itu Ajax

Ajax (JavaScript tak segerak dan XML), iaitu JavaScript dan XML tak segerak, ialah teknologi yang digunakan untuk mencipta halaman web dinamik pantas. Ajax membenarkan halaman web dikemas kini secara tidak segerak dengan menukar sejumlah kecil data dengan pelayan di latar belakang. Ini bermakna bahagian halaman boleh dikemas kini tanpa memuatkan semula keseluruhan halaman. Ini boleh meningkatkan kelajuan respons halaman dan meningkatkan pengalaman pengguna.

2. Apakah itu tatasusunan

Susun atur ialah set pembolehubah tertib, yang boleh terdiri daripada sebarang jenis data, termasuk rentetan, nombor, objek, dsb. Tatasusunan boleh menyimpan berbilang nilai, dan setiap nilai boleh diakses melalui indeks unik.

3. Gunakan Ajax untuk menghantar tatasusunan

Langkah 1: Buat dua fail php, satu untuk menghantar tatasusunan (send.php) dan satu untuk menerima tatasusunan (receive.php).

send.php kod fail:

<?php
$array = array("name" => "Tom", "age" => "25", "gender" => "male");
echo json_encode($array);
?>

receive.php kod fail:

<?php
$data = $_POST['data'];
$array = json_decode($data, true);
echo "姓名：" . $array['name'] . "<br>";
echo "年龄：" . $array['age'] . "<br>";
echo "性别：" . $array['gender'] . "<br>";
?>

Langkah 2: Gunakan objek XMLHttpRequest untuk mencipta permintaan Ajax.

var xhr = new XMLHttpRequest();

Langkah 3: Gunakan kaedah open() untuk membuka permintaan.

xhr.open("POST", "receive.php", true);

Langkah 4: Tetapkan pengepala permintaan HTTP.

xhr.setRequestHeader("Content-Type", "application/x-www-form-urlencoded");

Langkah lima: Sediakan pengendali acara onreadystatechange untuk melaksanakan operasi yang sesuai apabila pelayan bertindak balas.

xhr.onreadystatechange = function() {
   if (xhr.readyState == 4 && xhr.status == 200) {
        document.getElementById("result").innerHTML = xhr.responseText;
   }
};

Langkah 6: Kodkan data untuk dihantar ke dalam format URL.

var data = "data=" + encodeURIComponent(JSON.stringify(array));

Langkah 7: Hantar permintaan.

xhr.send(data);

4. Aplikasi Praktikal

Berikut ialah contoh khusus yang menunjukkan cara menggunakan Ajax untuk memindahkan tatasusunan antara dua fail php. Katakan kita mempunyai borang di mana pengguna memasukkan nama, umur, jantina dan maklumat lain, dan kemudian menyerahkan borang Maklumat ini dihantar ke fail send.php melalui Ajax, dan dikembalikan ke fail receive.php, dan akhirnya dipaparkan.

Kodnya adalah seperti berikut:

<script>
   function sendArray() {
      var array = {};
      array['name'] = document.getElementById('name').value;
      array['age'] = document.getElementById('age').value;
      array['gender'] = document.getElementById('gender').value;

      var xhr = new XMLHttpRequest();
      xhr.open(&quot;POST&quot;, &quot;receive.php&quot;, true);
      xhr.setRequestHeader(&quot;Content-Type&quot;, &quot;application/x-www-form-urlencoded&quot;);
      xhr.onreadystatechange = function() {
         if (xhr.readyState == 4 && xhr.status == 200) {
            document.getElementById("result").innerHTML = xhr.responseText;
         }
      };
      var data = &quot;data=&quot; + encodeURIComponent(JSON.stringify(array));
      xhr.send(data);
   }
</script>


   

      姓名：

      年龄：

      性别：
         男
         女
      

      
   
   

terima kod fail.php:

<?php
$data = $_POST['data'];
$array = json_decode($data, true);
echo "姓名：" . $array['name'] . "<br>";
echo "年龄：" . $array['age'] . "<br>";
echo "性别：" . $array['gender'] . "<br>";
?>

5 Ringkasan

Artikel ini memperkenalkan cara menggunakan Ajax untuk menghantar tatasusunan melalui contoh sebenar menunjukkan proses pelaksanaan tertentu. Ajax bukan sahaja boleh meningkatkan kelajuan tindak balas halaman web, tetapi juga mengoptimumkan pengalaman pengguna. Dengan mengkaji artikel ini, saya percaya bahawa semua orang akan mempunyai pemahaman yang lebih mendalam dan pengetahuan aplikasi tentang Ajax dan penghantaran tatasusunan.

Atas ialah kandungan terperinci ajax melaksanakan dua tatasusunan lulus php. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!