-
iop-115.010 | Preparing Our Server | Lessons
1-
Lecture1.1
-
-
STEP-100
14-
Lecture2.1
-
Lecture2.2
-
Lecture2.3
-
Lecture2.4
-
Lecture2.5
-
Lecture2.6
-
Lecture2.7
-
Lecture2.8
-
Lecture2.9
-
Lecture2.10
-
Lecture2.11
-
Lecture2.12
-
Lecture2.13
-
Lecture2.14
-
-
STEP-101
8-
Lecture3.1
-
Lecture3.2
-
Lecture3.3
-
Lecture3.4
-
Lecture3.5
-
Lecture3.6
-
Lecture3.7
-
Lecture3.8
-
-
STEP-102
9-
Lecture4.1
-
Lecture4.2
-
Lecture4.3
-
Lecture4.4
-
Lecture4.5
-
Lecture4.6
-
Lecture4.7
-
Lecture4.8
-
Lecture4.9
-
-
STEP-103
7-
Lecture5.1
-
Lecture5.2
-
Lecture5.3
-
Lecture5.4
-
Lecture5.5
-
Lecture5.6
-
Lecture5.7
-
-
STEP-104
7-
Lecture6.1
-
Lecture6.2
-
Lecture6.3
-
Lecture6.4
-
Lecture6.5
-
Lecture6.6
-
Lecture6.7
-
-
STEP-105
5-
Lecture7.1
-
Lecture7.2
-
Lecture7.3
-
Lecture7.4
-
Lecture7.5
-
-
Challange
1-
Lecture8.1
-
-
STEP-106
4-
Lecture9.1
-
Lecture9.2
-
Lecture9.3
-
Lecture9.4
-
-
STEP-107 NOT READY
5-
Lecture10.1
-
Lecture10.2
-
Lecture10.3
-
Lecture10.4
-
Lecture10.5
-
-
STEP-108 NOT READY
4-
Lecture11.1
-
Lecture11.2
-
Lecture11.3
-
Lecture11.4
-
-
STEP-109 NOT READY
4-
Lecture12.1
-
Lecture12.2
-
Lecture12.3
-
Lecture12.4
-
-
STEP-110 NOT READY
4-
Lecture13.1
-
Lecture13.2
-
Lecture13.3
-
Lecture13.4
-
iop-101.0 | What is AJAX? | Lesson
AJAX = Asynchronous JavaScript And XML.
AJAX is not a programming languageA programming language is a formal language, which comprises a set of instructions used to produce various kinds of output. Programming languages are used in computer programming to create programs that implement specific algorithms. Most programming languages consist of instructions fo... or a tool, it is a concept. It is a client-side script that communicates to and from a server/database without the need for a postback or a complete page refresh. The best definition I’ve read for AJAX is “the method of exchanging data with a server, and updating parts of a web page – without reloading the entire page.” AJAX itself is mostly a generic term for various JavaScript techniques used to connect to a web server dynamically without necessarily loading multiple pages. In a more narrowly-defined sense, it refers to the use of XmlHttpRequest objects to interact with a web server dynamically via JavaScript.
Benefits of AJAX
There are 4 main benefits of using AJAX in web applications:
- Callbacks: AJAX is used to perform a callback, making a quick round trip to and from the server to retrieve and/or save data without posting the entire page back to the server. By not performing a full postback and sending all form data to the server, network utilization is minimized and quicker operations occur. In sites and locations with restricted bandwidth, this can greatly improve network performance. Most of the time, the data being sent to and from the server is minimal. By using callbacks, the server is not required to process all form elements. By sending only the necessary data, there is limited processing on the server. There is no need to process all form elements, process the ViewState, send images back to the client, or send a full page back to the client.
- Making Asynchronous Calls: AJAX allows you to make asynchronous calls to a web server. This allows the client browser to avoid waiting for all data to arrive before allowing the user to act once more.
- User-Friendly: Because a page postPosts are what make your blog a blog — they’re servings of content that are listed in reverse chronological order on your blog’s front page (you can change the default order to list posts chronologically using these instructions). Posts are always associated with a date, which is included ... back is being eliminated, AJAX enabled applications will always be more responsive, faster and more user-friendly.
- Increased Speed: The main purpose of AJAX is to improve the speed, performance, and usability of a web application. A great example of AJAX is the movie rating feature on Netflix. The user rates a movie and their personal rating for that movie will be saved to their database without waiting for the page to refresh or reload. These movie ratings are being saved to their database without posting the entire page back to the server.
How AJAX Works
- An event occurs in a web page (the page is loaded, a button is clicked)
- An XMLHttpRequest object is created by JavaScript
- The XMLHttpRequest object sends a request to a web server
- The server processes the request
- The server sends a response back to the web page
- The response is read by JavaScript
- Proper action (like page update) is performed by JavaScript
Things To Know
- AJAX = Asynchronous JavaScript And XML.AJAX is not a programming languageA programming language is a formal language, which comprises a set of instructions used to produce various kinds of output. Programming languages are used in computer programming to create programs that implement specific algorithms. Most programming languages consist of instructions fo....
- AJAX just uses a combination of:
- A browser built-in XMLHttpRequest object (to request data from a web server)
- JavaScript and HTML DOMThe Document Object Model (DOM) is a programming API for HTML and XML documents. It defines the logical structure of documents and the way a document is accessed and manipulated. In the DOM specification, the term "document" is used in the broad sense - increasingly, XML is being used as a way of re... (to display or use the data)
- AJAX is a developer’s dream, because you can:
- Update a web page without reloading the page
- Request data from a server – after the page has loaded
- Receive data from a server – after the page has loaded
- Send data to a server – in the background
- AJAX uses XHTML for content, CSS for presentation, along with DOMThe Document Object Model (DOM) is a programming API for HTML and XML documents. It defines the logical structure of documents and the way a document is accessed and manipulated. In the DOM specification, the term "document" is used in the broad sense - increasingly, XML is being used as a way of re... and JS for dynamic content display.
- Conventional web applications transmit information to and from the server using synchronous requests – being directed to a new page with new information from the server.
- With AJAX, when you hit submit, JavaScript will make a request to the server, interpret the results, and update the current screen. In the purest sense, the user would never know that anything was even transmitted to the server.
- AJAX is a web browser technology independent of web server software.
- A user can continue to use the application while the client program requests information from the server in the background.
- Allows a developer to create an intuitive and natural user interaction.
- With AJAX clicking is not required, mouse movement is a sufficient event trigger.
- AJAX is data-driven as opposed to page-driven