AJAX Teguh S.

Slides:



Advertisements
Presentasi serupa
L/O/G/O SISTEM INFORMASI “WIKI PRO” Penyusun: Ely Chusniah( ) Andy Vebby Setiawan( ) Robert Jaya Kusuma( ) Indah Wulandari( )
Advertisements

 Putra Prima Naufal
Pernahkah anda membuka sebuah Website???? What It????
Web Engineering 2010 Pertemuan ke-09 Teknologi Aplikasi Web II (JavaScript, AJAX) Husni Husni.trunojyo.ac.id Komputasi.trunoojoyo.ac.id.
Konsep Pemrograman Internet
Konsep Pemrograman Internet
PEMROGRAMAN WEB –Pertemuan 1
Pengenalan Teknologi Web. Sistem Operasi Sistem operasi (operating system ; OS) adalah seperangkat program yang mengelola sumber daya perangkat keras.
Internet & Pemrograman Web Pertemuan I : Pengenalan Internet Oleh : Hadi Santoso.
Dasar - dasar Web dan HTML
KONSEP PEMROGRAMAN WEB
Cookies dan Session.
Konsep Pemrograman Web
WEB Pengembangan Evangs Mailoa Prinsip Dasar Internet, Web,
Kelas IX Semester Genap
Pemrograman Internet Mobile 7 PHP: Hypertext Preprocessors.
Ajax Tutorial.
Materi 4 : Aljabar Boolean Dosen : Ulil Hamida
WEB BROWSER.
PHP - AJAX.
RESPONSE DAN REQUEST MESSAGE
Pemrograman Internet Mobile
Perancangan Database Pertemuan 07 s.d 08
Oleh : Eko Prianto. Read Carefully  another section at the same document  to a different document  to a different Web page  to a variety of other.
PERTEMUAN KE 2 JAVA SERVER PAGES (JSP) BY : TITO SUGIHARTO
Pemrograman Web 1 Mohamad Syafri Tuloli. Penilaian Quiz : 10 %Quiz : 10 % Tugas : 20 %Tugas : 20 % UTS : 30 %UTS : 30 % UAS : 40 %UAS : 40 %
Web Security.
CSS 3.
Aplikasi Media Sosial untuk Pembelajaran secara Kolaborasi Berbasis Mobile Web dengan Arsitektur REST dan Protokol keamanan Autentikasi OAuth.
Simple Object Access Protocol
(HTML). Frames are most typically used to have a menu in one frame, and content in another frame. When someone clicks a link on the menu that web page.
HTML Universitas Muhammadiyah Surakarta Yogiek Indra K.
F ORM Bayu Priyambadha, S.Kom. F ORM Form is the interface (user interface) for users to communicate with the application system. Each posted data from.
HttpConnection Teguh S.
Membangun Aplikasi Berbasis Web Dengan CodeIgniter Framework.
Website Security.
AJAX (Asynchronous Javascript And XML)
Pertemuan V WEB Server.
Dasar - dasar Web dan HTML
Pengantar Internet & HTML Toufan D Tambunan & Indra L Sardi
CARA KERJA WEB Rofilde Hasudungan.
Pertemuan 1 Khairul Anwar Hafizd
Lutfi Budi Ilmawan Univ. Muslim Indonesia
TUTORIAL AKSES EJOURNAL DILUAR KAMPUS UNAIR
Pemrograman PHP Lanjut
Pemrograman internet ABU SALAM, M.KOM.
RESPONSE DAN REQUEST MESSAGE
PENDIDIKAN KARAKTER DALAM MATA PELAJARAN FISIKA SMA
Website WEB World Wide Web www W3 A set of interconnected webpages, usually including a homepage, generally located on the same server, and prepared.
Teknologi Cloud Apa itu?.
Prinsip Dasar Internet, Web dan Pemrograman Web
PHP5 Internet Programming.
PIBJ (PEMROGRAMAN INTERNET BERBASIS JAVA)
Prinsip Dasar Internet, Web dan Pemrograman Web
Pengembangan Aplikasi Framework
Nama Kelompok : 1. Heri Kristanto 2. Fico Arditiasa Saputra
Database User Account.
PEMROGRAMAN WEB II.
How to Set Up AT&T on MS Outlook ATT is a multinational company headquartered in Texas. ATT services are used by many people widely across.
Jaringan Komputer.
HughesNet was founded in 1971 and it is headquartered in Germantown, Maryland. It is a provider of satellite-based communications services. Hughesnet.
 Zoho Mail offers easy options to migrate data from G Suite or Gmail accounts. All s, contacts, and calendar or other important data can be imported.
If you are an user, then you know how spam affects your account. In this article, we tell you how you can control spam’s in your ZOHO.
How do I Add or Remove a delegate to my Gmail account? Google launched delegation service 9 years ago for Gmail that allows you to give permission to access.
In this article, you can learn about how to synchronize AOL Mail with third-party applications like Gmail, Outlook, and Window Live Mail, Thunderbird.
WEB SERVICE. PENGERTIAN WEB SERVICE  Merupakan media standar untuk komunikasi yang menyebar antara aplikasi clien dan server pada World Wide Web.
Dendiadi Rahadi Ramlan Tuti Feryanti Vivi Meilaendri English For Communication Anggita, S.Pd, M.Pd.
Importance of Web Development Frameworks Frameworks, no doubt have become a crucial aspect of web development. In fact, many find the entire development.
XML PARSER Teknologi WEB.
WINTER Template COLOUR CARD 01 Template. PowerPoint chart object 02.
Transcript presentasi:

AJAX Teguh S

XMLHttpRequest XMLHttpRequest is heart of AJAX XMLHttpRequest is an API available in web browser scripting languages such as JavaScript. It is used to send HTTP or HTTPS requests directly to a web server and load the server response data directly back into the script The data might be received from the server as JSON, XML, HTML, or as plain text. Examples of these web applications include Gmail, Google Maps, Facebook and many others.

Sejarah XMLHttpRequest Developers of Outlook Web Access (by Microsoft) for Microsoft Exchange Server 2000 menciptakan sebuah interface yg disebut IXMLHTTPRequest, The Mozilla project mengembangkan sebuah antarmuka yg disebut nsIXMLHttpRequest ke dalam the Gecko layout engine. Interface ini dimodelkan untuk bisa bekerja lebih dekat dengan IXMLHTTPRequest. Mozilla menciptakan sebuah wrapper untuk menggunakan antarmuka ini dengan obyek JavaScript, yg mereka sebut sebagai XMLHttpRequest. Obyek XMLHttpRequest telah dapat dibunakan pada Gecko version 0.6 released on December 6 of 2000, dan disempurnakan pada Gecko versi 1.0 yg di-release pada 5 Juni 2002. Obyek XMLHttpRequest telah menjadi standar de facto pada sebagai besar aplikasi web clients. Diimplementasikan pada Safari 1.2 yg direlease padaFebruary 2004, Konqueror, Opera 8.0 direlease pada April 2005, dan iCab 3.0b352 direlease pada September 2005.

Obyek XMLHttpRequest Untuk web browser (IE7+, Firefox, Chrome, Safari, and Opera) telah dilengkapi obyek XMLHttpRequest. Sintaks untuk menciptakan obyek XMLHttpRequest: xmlhttp=new XMLHttpRequest(); Untuk web browser Internet Explorer (IE5 and IE6) menggunakan ActiveXObject: xmlhttp=new ActiveXObject("Microsoft.XMLHTTP");

Prinsip Kerja Ajax

Beberapa Metode XMLHttpRequest open() setRequestHeader() send() onreadystatechange() responseText responseXML

Metode open() Metode ini digunakan untuk merumuskan sebuah request Metode ini memiliki 5 parameter open( Method, URL, Asynchronous, UserName, Password ) Parameter pertama method yg digunakan untuk menentukan metode request: GET, POST, PUT, DELETE, dll Parameter URL, untuk menentukan lokasi aplikasi server yg dituju (di-request) Parameter ketiga, menentukan Asynchronuous/Synchronuous : true atau false Parameter User & Password, untuk menentukan spesifikasi user & password untuk mengakses server tersebut.

The setRequestHeader method Metode ini digunakan untuk menentukan spesifikasi request tambahan yg akan dikirimkan Bentuk umum metodenya: setRequestHeader( Name, Value )

The send method Metode ini digunakan untuk mengirimkan request ke server yg dituju. Bentuk umumnya: send( Data ) Jika metode request : GET => send (null)

The onreadystatechange event listener If the open method of the XMLHttpRequest object was invoked with the third parameter set to true for an asynchronous request, the onreadystatechange event listener will be automatically invoked for each of the following actions that change the readyState property of the XMLHttpRequest object. State changes work like this: After the open method has been invoked successfully, the readyState property of the XMLHttpRequest object should be assigned a value of 1. After the send method has been invoked and the HTTP response headers have been received, the readyState property of the XMLHttpRequest object should be assigned a value of 2. Once the HTTP response content begins to load, the readyState property of the XMLHttpRequest object should be assigned a value of 3. Once the HTTP response content has finished loading, the readyState property of the XMLHttpRequest object should be assigned a value of 4.

The HTTP response After a successful and completed call to the send method of the XMLHttpRequest, if the server response was valid XML and the Content-Type header sent by the server is understood by the user agent as an Internet media type for XML, the responseXML property of the XMLHttpRequest object will contain a DOM document object. Another property, responseText will contain the response of the server in plain text by a conforming user agent, regardless of whether or not it was understood as XML.