Malay

Tutorial PHP

Pengurus PHP

Perintah Kawalan PHP

Array PHP

Fungsi PHP

Superglobals PHP

Penguruskan Fail PHP

PHP Berorientasi Objek

Pembangunan Web PHP

PHP AJAX

PHP XML

Contoh Daftar Masuk PHP

PHP Lanjut

PHP - AJAX XML Parser

Hai there, para para pengurus kod masa depan! Hari ini, kita bakal melangkah ke dalam dunia yang menarik PHP, AJAX, dan penguraian XML. Jangan bimbang jika istilah-istilah ini terdengar seperti bahasa asing untuk sekarang - pada akhir panduan ini, anda akan berbicara dalam bahasa ini secara lancar!

PHP - AJAX XML Parser

Pengenalan

Sebelum kita masuk ke dalam hal yang rumit, biarkan saya ceritakan sedikit. Ketika saya pertama kali belajar tentang penguraian XML, saya merasa seperti sedang cuba untuk membaca gulungan kuno. Tetapi percayalah, sekali anda mengenalinya, ia adalah seperti membaca buku kegemaran anda!

Sekarang, mari kita pecahkan apa yang kita hadapi:

  • PHP: Sebuah bahasa skrip server yang popular
  • AJAX: Asynchronous JavaScript dan XML, teknik untuk membuat halaman web yang cepat dan dinamik
  • XML: eXtensible Markup Language, cara untuk menyimpan dan mengangkut data

Bersama-sama, teknologi ini membolehkan kita membuat aplikasi web interaktif yang dapat mengemaskini data tanpa memuat semula halaman keseluruhan. Menarik, kan?

Langkah 1: Menyiapkan Lingkungan

Pertama-tama, kita perlu pastikan kita memiliki apa yang diperlukan. Berikut adalah apa yang anda perlukan:

  1. Sebuah pelayan web (seperti Apache)
  2. PHP dipasang di pelayan anda
  3. Sebuah editor teks (saya menyarankan Visual Studio Code, tetapi mana saja boleh!)

Begitu anda memiliki ini, kita siap untuk maju!

Langkah 2: Membuat Fail XML

Mari kita mulai dengan membuat fail XML yang mudah. Kita akan menamakan ia books.xml:

<?xml version="1.0" encoding="UTF-8"?>
<bookstore>
<book>
<title>Harry Potter and the Philosopher's Stone</title>
<author>J.K. Rowling</author>
<year>1997</year>
</book>
<book>
<title>The Hobbit</title>
<author>J.R.R. Tolkien</author>
<year>1937</year>
</book>
</bookstore>

Fail XML ini mewakili sebuah kedai buku dengan dua buah buku. Setiap buku mempunyai judul, pengarang, dan tahun penerbitan.

Langkah 3: Membuat Penguraian PHP

Sekarang, mari kita buat fail PHP yang akan menguraikan XML ini. Kita akan menamakan ia parser.php:

<?php
$xmlfile = file_get_contents("books.xml");
$xml = simplexml_load_string($xmlfile);

$output = '';
foreach ($xml->book as $book) {
$output .= "Judul: " . $book->title . "<br>";
$output .= "Pengarang: " . $book->author . "<br>";
$output .= "Tahun: " . $book->year . "<br><br>";
}

echo $output;
?>

mari kita pecahkan ini:

  1. file_get_contents("books.xml") membaca kandungan fail XML kita.
  2. simplexml_load_string($xmlfile) mengubah string XML menjadi objek yang kita dapat bekerja dengannya.
  3. Kemudian kita melengkapi setiap book dalam XML kita dan membuat string dengan butiran buku.
  4. Akhirnya, kita paparkan output.

Jika anda jalankan fail PHP ini, anda akan melihat butiran buku kita dipaparkan di halaman.

Langkah 4: Menambah AJAX

Sekarang, mari kita membuat hal ini lebih menarik dengan menambah AJAX. Kita akan buat fail HTML yang dinamakan index.html:

<!DOCTYPE html>
<html>
<head>
<title>Book Parser</title>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>
<script>
$(document).ready(function(){
$("#getBooks").click(function(){
$.ajax({url: "parser.php", success: function(result){
$("#bookList").html(result);
}});
});
});
</script>
</head>
<body>
<h1>Selamat Datang ke Kedai Buku Kami!</h1>
<button id="getBooks">Dapatkan Senarai Buku</button>
<div id="bookList"></div>
</body>
</html>

Fail HTML ini melakukan beberapa hal:

  1. Ia menyertakan jQuery, yang kita akan gunakan untuk panggilan AJAX.
  2. Ia membuat butang yang, bila diklik, akan memicu permintaan AJAX.
  3. Permintaan AJAX memanggil fail parser.php dan meletakkan hasilnya di dalam div bookList.

Sekarang, bila anda buka fail HTML ini di pelayan web anda dan klik butang "Dapatkan Senarai Buku", anda akan melihat senarai buku muncul!

Kesimpulan

Dan itu dia, teman-teman! Kita telah membuat penguraian XML yang mudah tetapi kuat menggunakan PHP dan AJAX. Kita telah mengambil data XML mentah, memprosesnya dengan PHP, dan memaparkannya secara dinamik di halaman web tanpa memuat semula.

Ingat, ini hanya permulaan. Sepanjang perjalanan pemrograman anda, anda akan menemui banyak cara untuk mengembangkan konsep ini. Mungkin anda akan membuat fungsi carian untuk kedai buku anda, atau menambah keupayaan untuk menambah buku baru ke fail XML. Kesempatan adalah tak terbatas!

Berlatih terus, kekal curiga, dan sebelum anda tahu, anda akan menguraikan XML seperti seorang pro. Selamat coding!

Credits: Image by storyset

Tutorial Sebelumnya:
PHP - Carian AJAX
Tutorial Seterusnya:
PHP - Carian Auto Complete AJAX