Presentasi sedang didownload. Silahkan tunggu

Presentasi sedang didownload. Silahkan tunggu

Ajax Client/Server Sederhana

Presentasi serupa


Presentasi berjudul: "Ajax Client/Server Sederhana"— Transcript presentasi:

1 Ajax Client/Server Sederhana
As’ad Djamalilleil

2 Apa yang diperlukan Web server; bisa menggunakan web server Apache, dapat didownload gratis di atau menginstal paket instalasi pihak ketiga seperti xampp, appserv, atau wamp JQuery bisa didownload di Aplikasi ajax client Aplikasi ajax server

3 Ajax client (index.html)
<head> <script src="jquery 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>

4 index.html (sambungan)
<body> <div class="hasil"> Ajax server gagal dieksekusi !! </div> </body> </html>

5 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'; ?>

6 Simpan ketiga file tersebut pada sebuah sub folder di dalam folder root web server

7 Kemudian buka web lewat web browser
Bila server ajax berjalan dengan sukses, maka akan muncul pesan seperti di bawah

8 The End


Download ppt "Ajax Client/Server Sederhana"

Presentasi serupa


Iklan oleh Google