AJAX.

Slides:

Advertisements

Similar presentations

AJAX – The Future of Web Development? Anders Moberg David Mörtsell David Södermark.

Advertisements

AJAX Presented by: Dickson Fu Dimas Ariawan Niels Andreassen Ryan Dial Jordan Nielson CMPUT 410 University of Alberta 2006.

IS 360 Course Introduction. Slide 2 What you will Learn (1) The role of Web servers and clients How to create HTML, XHTML, and HTML 5 pages suitable for.

Cloud Computing Lecture #7 Introduction to Ajax Jimmy Lin The iSchool University of Maryland Wednesday, October 15, 2008 This work is licensed under a.

Does Ajax suck? CS575 Spring 2007 Chanwit Suebsureekul.

Introduction to AJAX AJAX Keywords: JavaScript and XML

JavaScript & jQuery the missing manual Chapter 11

CS 4720 RESTfulness and AJAX CS 4720 – Web & Mobile Systems.

Ruth Betcher Ruth Christie

Lecture 12 – AJAX SFDV3011 – Advanced Web Development Reference: 1.

Matrix Mapping Tool Sam Gross Internship at Virtual Technology Corporation.

Instructor, Dr. Khalili Bahram Jeevan Kumar Gogineni.

Weekend MS CS Program Internet and Web Technologies COT 5930 Web Project Development - Ajax Dr. Roy Levow, Associate Chair & Professor

Building Rich Web Applications with Ajax Linda Dailey Paulson IEEE – Computer, October 05 (Vol.38, No.10) Presented by Jingming Zhang.

AJAX Compiled from “AJAX Programming” [Sang Shin] (Asynchronous JavaScript and XML)

Web Architecture Introduction

Ajax. –Asynchronous JavaScript and XML –Umbrella term for technologies that often: Use client-side scripting for layout and formatting Use less than full.

Asynchronous Javascript And XML AJAX : an introduction UFCEUS-20-2 : Web Programming.

ASP (Active Server Pages) by Bülent & Resul. Presentation Outline Introduction What is an ASP file? How does ASP work? What can ASP do? Differences Between.

Web Technology Introduction AJAXAJAX. AJAX Outline  What is AJAX?  Benefits  Real world examples  How it works  Code review  Samples.

School of Computing and Information Systems CS 371 Web Application Programming AJAX.

the acronym for Asynchronous JavaScript and XML.

Ajax for Dynamic Web Development Gregory McChesney.

Chapter 16: Ajax-Enabled Rich Internet Applications with XML and JSON TP2543 Web Programming Mohammad Faidzul Nasrudin.

INT222 - Internet Fundamentals Shi, Yue (Sunny) Office: T2095 SENECA COLLEGE.

 AJAX – Asynchronous JavaScript and XML  Ajax is used to develop fast dynamic web applications  Allows web pages to be updated asynchronously by transferring.

JQuery and AJAX WEB Technologies : PHP Programming Language.

 Web pages originally static  Page is delivered exactly as stored on server  Same information displayed for all users, from all contexts  Dynamic.

Event Handling & AJAX IT210 Web Systems. Question How do we enable users to dynamically interact with a website? Answer: Use mouse and keyboard to trigger.

AJAX and REST. Slide 2 What is AJAX? It’s an acronym for Asynchronous JavaScript and XML Although requests need not be asynchronous It’s not really a.

Dave Salinas. What is XML? XML stands for eXtensible Markup Language Markup language, like HTML HTML was designed to display data, whereas XML was designed.

JavaScript & Introduction to AJAX

AJAX AJAX Asynchronous JavaScript and XML --- MADHAVI

Introduction to AJAX Sue Brandreth. What is Ajax?

AJAX – Asynchronous JavaScript And XML By Kranthi Kiran Nuthi CIS 764 Kansas State University.

Web Technology (NCS-504) Prepared By Mr. Abhishek Kesharwani Assistant Professor,UCER Naini,Allahabad.

 AJAX technology  Rich User Experience  Characteristics  Real live examples  JavaScript and AJAX  Web application workflow model – synchronous vs.

AJAX CS456 Fall Examples Where is AJAX used? Why do we care?

Introduction to AJAX MIS 3502, Spring 2016 Jeremy Shafer Department of MIS Fox School of Business Temple University 2/4/2016.

Ajax & Client-side Dynamic Web Gunwoo Park (Undergraduate)

Web Technologies Computing Science Thompson Rivers University

JavaScript and Ajax (Ajax Tutorial)

Not a Language but a series of techniques

CS 371 Web Application Programming

Lecture 11. Web Standards Continued

Application with Cross-Platform GUI

Asynchronous Java script And XML Technology

Prepared for Md. Zakir Hossain Lecturer, CSE, DUET Prepared by Miton Chandra Datta

Introduction to AJAX MIS 3502 Jeremy Shafer Department of MIS

Introduction to AJAX MIS 3502 Jeremy Shafer Department of MIS

IS 360 Course Introduction

Web Browser server client 3-Tier Architecture Apache web server PHP

AJAX Robin Burke ECT 360.

COP 3813 Intro to Internet Computing

ISC440: Web Programming 2 AJAX

Secure Web Programming

MIS JavaScript and API Workshop (Part 3)

AJAX CS-422 Dick Steflik.

DR. JOHN ABRAHAM PROFESSOR UTPA

Web Technologies Computing Science Thompson Rivers University

Introduction to AJAX and JSON

Ajax and JSON Jeremy Shafer Department of MIS Fox School of Business

Client-Server Model: Requesting a Web Page

Ajax and JSON Jeremy Shafer Department of MIS Fox School of Business

Creating dynamic/interactive web pages

AJAX By Prof. B.A.Khivsara

Software Engineering for Internet Applications

Presentation transcript:

AJAX

What is AJAX Asynchronous JavaScript and XML. It is a group of inter-related technologies like JavaScript, DOM, XML, HTML, CSS etc. allows you to send and receive data asynchronously without reloading the web page. So it is fast. allows you to send only important information to the server not the entire page gmail, facebook,twitter, google map, youtube AJAX is not a programming language. AJAX just uses a combination of: A browser built-in XMLHttpRequest object (to request data from a web server) JavaScript and HTML DOM (to display or use the data)

Understanding Synchronous vs Asynchronous Synchronous (Classic Web-Application Model) A synchronous request blocks the client until operation completes i.e. browser is not unresponsive. In such case, javascript engine of the browser is blocked.

Understanding Synchronous vs Asynchronous Asynchronous (AJAX Web-Application Model) An asynchronous request doesn’t block the client i.e. browser is responsive. At that time, user can perform another operations also. In such case, javascript engine of the browser is not blocked.

AJAX Technologies AJAX is not a technology but group of inter-related technologies. AJAX technologies includes: HTML/XHTML and CSS used for displaying content and style DOM used for dynamic display and interaction with data XML or JSON For carrying data to and from server. JSON (Javascript Object Notation) is like XML but short and faster than XML XMLHttpRequest For asynchronous communication between client and server JavaScript used to bring above technologies together, mainly for client-side validation

How AJAX Works AJAX communicates with the server using XMLHttpRequest object

How AJAX Works 1. An event occurs in a web page (the page is loaded, a button is clicked) 2. An XMLHttpRequest object is created by JavaScript 3. The XMLHttpRequest object sends a request to a web server 4. The server processes the request 5. The server sends a response back to the web page 6. The response is read by JavaScript 7. Proper action (like page update) is performed by JavaScript

User sends a request from the UI and a javascript call goes to XMLHttpRequest object. HTTP Request is sent to the server by XMLHttpRequest object. Server interacts with the database using JSP, PHP, Servlet, ASP.net etc. Data is retrieved. Server sends XML data or JSON data to the XMLHttpRequest callback function. HTML and CSS data is displayed on the browser.