Ajax Client/Server Sederhana As’ad Djamalilleil http://kampusku.my.id asad.kom@gmail.com
Apa yang diperlukan Web server; bisa menggunakan web server Apache, dapat didownload gratis di http://httpd.apache.org/download.cgi atau menginstal paket instalasi pihak ketiga seperti xampp, appserv, atau wamp JQuery bisa didownload di https://jquery.com/download/ Aplikasi ajax client Aplikasi ajax server
Ajax client (index.html) <head> <script src="jquery-1.9.1.js"></script> <script type="text/javascript"> $("document").ready(function(){ var data; $.ajax({ type: "POST", dataType: "json", url: "panggil.php", data: data, success: function(data) { $(".hasil").html(data["pesan"]); } }); return false; </script> </head>
index.html (sambungan) <body> <div class="hasil"> Ajax server gagal dieksekusi !! </div> </body> </html>
Ajax server (panggil.php) if (is_ajax()) { $return["pesan"] = "Dikirim dari ajax server"; echo json_encode($return); } function is_ajax() { return isset($_SERVER['HTTP_X_REQUESTED_WITH']) && strtolower($_SERVER['HTTP_X_REQUESTED_WITH']) == 'xmlhttprequest'; ?>
Simpan ketiga file tersebut pada sebuah sub folder di dalam folder root web server
Kemudian buka web lewat web browser Bila server ajax berjalan dengan sukses, maka akan muncul pesan seperti di bawah
The End