Kalender

Kategori

Pesan Anda


ShoutMix chat widget

Browser Favorit

Blog Archive

AJAX Tutorial

Diposting oleh Anang Efendi On 10.17


Saat ini, Anda dapat menemukan topik AJAX mana-mana. Ya, metode ini membawa lebih banyak keuntungan dalam kata internet. Beberapa orang mengatakan AJAX bukan teknologi baru. Ini hanya metode. Orang lain mengatakan itu adalah teknologi. Dalam posting ini, kita berbicara tentang AJAX di pratinjau.

AJAX adalah singkatan dari Asynchronous JavaScript and XML. Bagi saya, artinya sederhana "diberdayakan JavaScript". Apa artinya? Mmm .. sebelum bicara apa AJAX persis, apakah Anda pernah melihat (atau rasa) Mail Yahoo! Versi Beta? Atau Gmail (bukan versi HTML)? Pada halaman web, tanpa reload halaman penuh, kita bisa melompat antar halaman.

Ini adalah teknik menggunakan JavaScript sebagai sisi client untuk membuat panggilan latar belakang server dan mengambil data tambahan yang diperlukan. Ini update bagian tertentu dari halaman tanpa menyebabkan ulang penuh. Ini adalah contoh web yang menerapkan AJAX sedikit:


1. Google Suggest, check it out di http://www.google.com/webhp?complete=1
2. Gmail, http://www.gmail.com
3. Google Maps, http://maps.google.com
Saya pikir AJAX adalah aplikasi web pintar. halaman web Lebih responsif. Aku ingat seperti 'flash'! Ya, kita dapat membangun aplikasi cerdas seperti halaman flash. Tapi, di AJAX Anda tidak perlu menginstal modul tambahan. AJAX menjalankan semua web browser modern, seperti Mozilla Firefox, Internet Explorer, atau Opera. Setelah anatomi AJAX:

1. JavaScript, yang penting dari AJAX. Kami menggunakan fungsi sisi client dan menggunakan Document Object Model (DOM) untuk memanipulasi bagian dari halaman HTML.
2. Objek XMLHttpRequest aktifkan JavaScript untuk mengakses server secara asynchronous.
3. teknologi sisi server untuk menangani permintaan yang datang dari Klien JavaScript, misalnya PHP.

Dalam praktek ini, kami mencoba membangun link di halaman. Kemudian, dari yang menghubungkan kita sebut konten web. Ini adalah dasar dan sederhana cara untuk menggunakan ajax di web kami. Dari praktek ini, kita dapat melihat cara kerja ajax.

Kami akan memodifikasi dari praktek sebelumnya. Ok, test.php terbuka, ganti dengan kode berikut:

<html>
<head>
<SCRIPT language="JavaScript" SRC="ajax.js"></SCRIPT>
</head>
<body onload="callAJAX('home.html','displaydiv')"><b>
<a href="#" onclick="callAJAX('home.html','displaydiv')">Home</a>
<a href="#" onclick="callAJAX('news.html','displaydiv')">News</a>
<a href="#" onclick="callAJAX('about.html','displaydiv')">About</a></b>
<table>
<tr>
<td id="displaydiv"></td>
</tr>
</table>

</body>
</html>

Berikut adalah contoh preload dg menggunakan Ajax :

<html>
<head>
<SCRIPT language="JavaScript" SRC="ajax.js"></SCRIPT>
</head>
<body onload="callAJAX('home.html','displaydiv' , '<center>
<img src=loading6.gif></center>')">
<a href="#" onclick="callAJAX('home.html','displaydiv', '<center>
<img src=loading6.gif></center>')">Home</a>
<a href="#" onclick="callAJAX('news.html','displaydiv', '<center><img
src=loading6.gif></center>')">News</a>
<a href="#" onclick="callAJAX('about.html','displaydiv', '<center><img
src=loading6.gif></center>')">About</a>
<table>
<tr>
<td id="displaydiv"></td>
</tr>
</table>

</body>
</html>



Category : | Read More...... edit post

1 Response to "AJAX Tutorial"

  1. imam maxsum Said,

    mampir bos,,,,
    update article ,!!!
    wahhhh,,,,script kali ini lummayan bt musingin otak,,,hfffffffttttt..
    key thanks, sukses selalu bos......

     

Posting Komentar

My Profile


"Everything is Possible with Programming"

Chatt yukk

Followers

Ada kesalahan di dalam gadget ini