Introduction to Ajax
Introduction to Ajax
Free Online Articles Directory
Why Submit Articles?
Top Authors
Top Articles
FAQ
AB Answers
0 && $.browser.msie ) {
var ie_version = parseInt($.browser.version);
if(ie_version Hello Guest
Login
Register
Hello
My Home
Sign Out
Email
Password
Remember me?
Lost Password?
Home Page > Computers > Information Technology > Introduction to Ajax
Introduction to Ajax
Posted: Dec 31, 2007 |Comments: 0
|
Ask a question
Ask our experts your Information Technology related questions here…200 Characters left
Introduction to Ajax
By: smrithi
About the Author
I love the technology AJAX and started writing blog on the same. You can check it out at Ajax. I am an optimist who believes that every person has a purpose to come to this world. And getting inspired helps to move at a good pace in life and I love writing inspiring stories and are available at Touching Stories
(ArticlesBase SC #293540)
Article Source: http://www.articlesbase.com/ – Introduction to Ajax
Brief history
Ajax is only a name given to a set of tools that were previously existing.
The main part is XMLHttpRequest, a class usable in JavaScript , that was implemented into Internet Explorer since the 4.0 version.
The same concept was named XMLHTTP some times, before the Ajax name becomes commonly used.
The use of XMLHttpRequest in 2005 by Google, in Gmail and GoogleMaps has contributed to the success of this format. But this is the name Ajax itself that made the technology so popular.
Why to use Ajax?
Mainly to build a fast, dynamic website, but also to save resources.
For improving sharing of resources, it is better to use the power of all the client computers rather than just an unique server and network. Ajax allows to perform processing on client computer (in JavaScript) with data taken from the server.
The processing of web page formerly was only server-side, using web services or PHP scripts, before the whole page was sent within the network.
But Ajax can selectively modify a part of a page displayed by the browser, and update it without the need to reload the whole document with all images, menus, etc…
For example, fields of forms, choices of user, may be processed and the result displayed immediately into the same page.
What is Ajax in depth?
Ajax is a set of technologies, supported by a web browser, including these elements:
HTML and CSS for presenting.
JavaScript (ECMAScript) for local processing, and DOM (Document Object Model) to access data inside the page or to access elements of XML file read on the server (with the getElementByTagName method for example)…
The XMLHttpRequest class read or send data on the server asynchronously.
optionally…
The DomParser class may be used
PHP or another scripting language may be used on the server.
XML and XSLT to process the data if returned in XML form.
SOAP may be used to dialog with the server.
The “Asynchronous” word, means that the response of the server while be processed when available, without to wait and to freeze the display of the page.
How does it works?
Ajax uses a programming model with display and events. These events are user actions, they call functions associated to elements of the web page.
Interactivity is achieved with forms and buttons. DOM allows to link elements of the page with actions and also to extract data from XML files provided by the server.
To get data on the server, XMLHttpRequest provides two methods:
- open: create a connection.
- send: send a request to the server.
Data furnished by the server will be found in the attributes of the XMLHttpRequest object:
- responseXml for an XML file or
- responseText for a plain text.
Take note that a new XMLHttpRequest object has to be created for each new file to load.
We have to wait for the data to be available to process it, and in this purpose, the state of availability of data is given by the readyState attribute of XMLHttpRequest.
States of readyState follow (only the last one is really useful):
0: not initialized.
1: connection established.
2: request received.
3: answer in process.
4: finished.
Ajax and DHTML
DHTML has same purpose and is also, as Ajax, a set of standards:
- HTML,
- CSS,
- JavaScript.
DHTML allows to change the display of the page from user commands or from text typed by the user.
Ajax allows also to send requests asynchronously and load data from the server.
The XMLHttpRequest class
Allows to interact with the servers, thanks to its methods and attributes.
Attributes
readyState the code successively changes value from 0 to 4 that means for “ready”.
status 200 is OK
404 if the page is not found.
responseText holds loaded data as a string of characters.
responseXml holds an XML loaded file, DOM’s method allows to extract data.
onreadystatechange property that takes a function as value that is invoked when the readystatechange event is dispatched.
Methods
open(mode, url, boolean) mode: type of request, GET or POST
url: the location of the file, with a path.
boolean: true (asynchronous) / false (synchronous).
optionally, a login and a password may be added to arguments.
send(”string”) null for a GET command.
Building a request, step by step
First step: create an instance
This is just a classical instance of class, but two options must be tried, for browser compatibility.
if (window.XMLHttpRequest) // Object of the current windows
{
xhr = new XMLHttpRequest(); // Firefox, Safari, …
}
else
if (window.ActiveXObject) // ActiveX version
{
xhr = new ActiveXObject(”Microsoft.XMLHTTP”); // Internet Explorer
}
or exceptions may be used instead:
try {
xhr = new ActiveXObject(”Microsoft.XMLHTTP”); // Trying Internet Explorer
}
catch(e) // Failed
{
xhr = new XMLHttpRequest()
}
Second step: wait for the response
The response and further processing are included in a function and the return of the function will be assigned to the onreadystatechange attribute of the object previously created.
xhr.onreadystatechange = function() { // instructions to process the response };
if (xhr.readyState == 4)
{
// Received, OK
} else
{
// Wait…
}
Third step: make the request itself
Two methods of XMLHttpRequest are used:
- open: command GET or POST, URL of the document, true for asynchronous.
- send: with POST only, the data to send to the server.
The request below read a document on the server.
xhr.open(’GET’, ‘http://www.xul.fr/somefile.xml’, true);
xhr.send(null);
Examples
Get a text
function submitForm()
{
var xhr;
try { xhr = new ActiveXObject(’Msxml2.XMLHTTP’); }
catch (e)
{
try { xhr = new ActiveXObject(’Microsoft.XMLHTTP’); }
catch (e2)
{
try { xhr = new XMLHttpRequest(); }
catch (e3) { xhr = false; }
}
}
xhr.onreadystatechange = function()
{
if(xhr.readyState == 4)
{
if(xhr.status == 200)
document.ajax.dyn=”Received:” + xhr.responseText;
else
document.ajax.dyn=”Error code ” + xhr.status;
}
};
xhr.open(GET, “data.txt”, true);
xhr.send(null);
}
Retrieved from “http://www.articlesbase.com/information-technology-articles/introduction-to-ajax-293540.html”
(ArticlesBase SC #293540)
smrithi -
About the Author:
I love the technology AJAX and started writing blog on the same. You can check it out at Ajax. I am an optimist who believes that every person has a purpose to come to this world. And getting inspired helps to move at a good pace in life and I love writing inspiring stories and are available at Touching Stories
Rate this Article
vote(s)
1 vote(s)
Feedback
RSS
Print
Email
Re-Publish
Source: http://www.articlesbase.com/information-technology-articles/introduction-to-ajax-293540.html
Article Tags:
ajax xmlhttprequest dynamic website html css dom dhtml asynchronous
Latest Information Technology Articles
More from smrithi
Processing Data From an AJAX Request
In a few of my previous videos, I introduced you to several concepts on how to use AJAX for web development on the IBM i (System i, iSeries, AS/400). In this video, I discuss with Robert Ferguson, an IBM i web developer, what it takes to utilize the AJAX data that is returned from the server. Robert will provide an example by showing us how AJAX data can be displayed on a Web application’s screen with little effort.
(02:57)
Generating an AJAX Response from the IBM i with RPG and PHP
Joining me in today’s video is one of our IBM i web developer/analysts, Hany Elemary. Together, we will continue to discuss AJAX by explaining how to generate a server response to an AJAX request from the browser. Hany will share his thoughts on how AJAX responses are similar to basic dynamic output pages that output data instead of HTML. We then go on to illustrate how AJAX response programs are built by providing examples in two popular IBM i (iSeries/AS400) http://www.profoundlogic.tv. (06:08)
Sending AJAX Requests to the IBM i (iSeries / AS400) Server
http://www.profoundlogic.tv.
To fully utilize AJAX on the System i (iSeries/AS400) system, you need to learn about 3 simple things:
1. How to make requests from the browser to the server
2. How to responds to these requests with RPG or another web-capable language
3. How to process that response within the browser
In this video, I talk about making requests, which can be tricky unless… you utilize an ajax library. With an ajax library in place, it is fairly simple to make server request… (04:49)
AJAX on the IBM i (iSeries / AS400) – What’s the big deal?
Profound Logic TV
Educational Videos for the IBM i (iSeries / AS400) Professional
www.profoundlogic.tv
If you are modernizing AS/400 RPG or Cobol applications, you should be learning and familiarizing yourself with the concept of AJAX. Why is AJAX such a big deal?
To answer this question, I introduce you to something about browser development that you may not have realized. This realization explains why AJAX is so relevant. I then provide an example of how AJAX is used to simplify form p… (03:37)
Using an AJAX Library on the IBM i (iSeries / AS400)
Today’s video is a response to a question from one of our viewers, Wil Rikken, from McNess BV in the Netherlands.
In my video on Sending AJAX Requests to the IBM i, I suggested the use of AJAX libraries, instead of coding everything from scratch. I also demonstrated a snippet of code that uses the ajax() function that we package with all our tools for the IBM i.
(05:02)
Though AJAX evolved in the year 2005, its roots were from the already existing technologies and there was an alternative to AJAX technology in the olden but had some drawbacks
By:
smrithil
Computers>
Information Technologyl
Jan 02, 2008
Internet Explorer – Slurry Pump EHR – china Sludge Pump EZG
Overview Internet Explorer was first released as part of the add-on package Plus! for Windows 95 in 1995. Later versions were available as free downloads, or in service packs
By:
xiao5096rl
Business>
Agriculturel
Aug 08, 2010
topckit 2010 – Top Windows Registry Cleaner Review!
topckit 2010 – Top Windows Registry Cleaner Review!
By:
tt00ccl
Computers>
Information Technologyl
Nov 08, 2010
Convenient power has much time been talked about among fanatical energy conservatists. Solar power takes place to be the the majority of considerable and free source of energy available. A excellent and effective way of making use of solar energy is solar battery charger.
By:
Sabrinalee107l
Computers>
Information Technologyl
Nov 08, 2010
The renewable source of energy, the solar energy can be used for charging your cell phones. One such thing is the new technology of solar cellphone charger. This solar charger is a device which will take advantage of the solar energy provided by the sun and convert it into the required amount of electrical energy which is needed in order to charge the mobile phone.
By:
Sabrinalee107l
Computers>
Information Technologyl
Nov 08, 2010
The Use of iPhone Solar Charger
As the renewable sourse energy, the solar energy can be used for charging your cellular phones. All of us are conditioned to use cell phones throughout day and night. The charging of your telephones is also an necessary process when it comes to long distance traveling.
By:
Sabrinalee107l
Computers>
Information Technologyl
Nov 08, 2010
Solar Charger can charge various mobile phones,mp3/mp4 players, adapters of other portable devices. The solar panel will accumulate power from the sun and translate it to electricity. This is accomplished by use of small solar cells within the battery charger that translate the solar light into electricity. A solar battery charger is also known as 5v solar battery charger. Solar battery chargers are simple and extremely useful piece of equipment. Solar battery chargers are ideal for maintain you
By:
Sabrinalee107l
Computers>
Information Technologyl
Nov 08, 2010
Load Balancing Router Benefits
With the increasing importance of the need to remain connected to the information highway constantly, there is a need for appliances and solutions that distribute traffic efficiently. When that happens, traffic flow improves and bottlenecks caused by a single connection are removed. In case one connection fails, remaining connections will be utilized so that internet continuity is ensured. This is load balancing.
By:
melvillejacksonl
Computers>
Information Technologyl
Nov 08, 2010
Role Of SEO In Article Marketing
The SEO companies provide exclusive SEO packages to regular article writers, these SEO packages enable the writers to save money required for displaying and distributing the articles. In addition, long-term SEO packages help the writers to constantly upload the articles, as the payment is made on a timely basis.
By:
Sagbee Cl
Computers>
Information Technologyl
Nov 08, 2010
India Industry of Web Development Outsourcing
Today, more and more IT companies are outsourcing their web development services to developing countries like India. There are many good qualities outsourcing web development companies located in India and provide a ready resource of quality talent.
By:
colnovationl
Computers>
Information Technologyl
Nov 08, 2010
This is a silent love story of how two hearts depart from each other and at last, their love towards each other helps them to live with each other forever
By:
smrithil
Relationshipsl
Feb 05, 2008
lViews: 189
Though AJAX evolved in the year 2005, its roots were from the already existing technologies and there was an alternative to AJAX technology in the olden but had some drawbacks
By:
smrithil
Computers>
Information Technologyl
Jan 02, 2008
This article gives you an overview of what AJAX is and its use in the real world. Enjoy AJAXING!!
By:
smrithil
Computers>
Information Technologyl
Dec 31, 2007
Add new Comment
Your Name: *
Your Email:
Comment Body: *
Verification code:*
* Required fields
Submit
Your Articles Here
It’s Free and easy
Sign Up Today
Author Navigation
My Home
Publish Article
View/Edit Articles
View/Edit Q&A
Edit your Account
Manage Authors
Statistics Page
Personal RSS Builder
My Home
Edit your Account
Update Profile
View/Edit Q&A
Publish Article
Author Box
smrithi has 3 articles online
Articles Categories
All Categories
Advertising
Arts & Entertainment
Automotive
Beauty
Business
Careers
Computers
Education
Finance
Food and Beverage
Health
Hobbies
Home and Family
Home Improvement
Internet
Judaism
Law
Marketing
News and Society
Relationships
Self Improvement
Shopping
Spirituality
Sports and Fitness
Technology
Travel
Writing
Computer Forensics
Computer Games
Data Recovery
Databases
E-Learning
File Types
Hardware
Information Technology
Intra-net
Laptops
Networks
Operating Systems
Programming
Security
Software
Need Help?
Contact Us
FAQ
Submit Articles
Editorial Guidelines
Blog
Site Links
Recent Articles
Top Authors
Top Articles
Find Articles
Site Map
Webmasters
RSS Builder
RSS
Link to Us
Business Info
Advertising
Use of this web site constitutes acceptance of the Terms Of Use and Privacy Policy | User published content is licensed under a Creative Commons License.
Copyright © 2005-2010 Free Articles by ArticlesBase.com, All rights reserved.
I love the technology AJAX and started writing blog on the same. You can check it out at Ajax. I am an optimist who believes that every person has a purpose to come to this world. And getting inspired helps to move at a good pace in life and I love writing inspiring stories and are available at Touching Stories
