Input, Update, Delete Using Javascript And WebService (Part 2 of 2)

Article kali ini melanjutkan postingan saya sebelumnya. Di posting  Input, Update, Delete Using Javascript And WebService kali ini saya akan memberikan contoh cara mengkonsumsi WebService menggunakan Javascript.

Teknik ini biasa disebut AJAX (Asynchronous Javascript and XML). Pada AJAX kali ini kita akan memanfaatkan ActiveX Object jika kita menggunakan IE atau objek Javascript yaitu XMLHTTPRequest. Berikut ini adalah contoh deklarasi saat membuat instan objek :

Input, Update, Delete using Javascript and WebService

Pada contoh code diatas variabel public http_request akan dibuatkan instan di dalam function objekHTTP().

Setetah objek tercipta kita dapat memanfaatkan function untuk melakukan komunikasi dengan server dan menampilkan hasilnya di client.
Berikut ini adalah salah satu contoh function yang kita buat dengan menggunakan Javascript untuk memanfaatkan Webservice yang telah kita buat pada postingan sebelumnya.

Input, Update, Delete using Javascript and WebService

Input, Update, Delete using Javascript and WebService

Code diatas memperlihatkan http_request.onreadystatechange = cekView. Function cekView adalah sebuah fungsi untuk mengechek status koneksi dengan server dan melakukan manipulasi tampilan di web browser client, untuk lebih jelasnya mengenai objek XMLHTTPRequest, teman-teman bisa cek di website W3C (World Wide Web Consortium).

Recommended Reading:
Input, Update, Delete memanfaatkan Javascript dan WebService (Part 1 of 2)

Semoga posting artikel Input, Update, Delete Using Javascript And WebService diatas bermanfaat.


Salam,

Popular posts from this blog

SmartObject property ID is a required property for selected method Create. Value must be set.

Cara inject USB 3.0 Driver pada instalasi Windows - How to Inject USB 3.0 Driver in Windows 7

Python Font Color in Console