W3 Updates, HTML, XHTML, CSS, JavaScript, AJAX, XML, PHP, Ruby, PHP Frameworks

Archive

Archive for the ‘AJAX’ Category

Create an XMLHttpRequest Object

August 8th, 2011

The keystone of AJAX is the XMLHttpRequest object. The XMLHttpRequest Object All modern browsers support the XMLHttpRequest object (IE5 and IE6 uses an ActiveXObject). The XMLHttpRequest object is used to exchange data with a server behind the scenes. This means that it is possible to update parts of a web page, without reloading the whole [...]

Read More >>

Author: Categories: AJAX Tags:

Send a Request To a Server

August 8th, 2011

The XMLHttpRequest object is used to exchange data with a server. Send a Request To a Server To send a request to a server, we use the open() and send() methods of the XMLHttpRequest object: xmlhttp.open(“GET”,”ajax_info.txt”,true); xmlhttp.send(); Method Description open(method,url,async) Specifies the type of request, the URL, and if the request should be handled asynchronously [...]

Read More >>

Author: Categories: AJAX Tags: ,

Server Response

August 8th, 2011

Server Response To get the response from a server, use the responseText or responseXML property of the XMLHttpRequest object. Property Description responseText get the response data as a string responseXML get the response data as XML data The responseText Property If the response from the server is not XML, use the responseText property. The responseText [...]

Read More >>

Author: Categories: AJAX Tags:

The onreadystatechange Event

August 8th, 2011

The onreadystatechange event When a request to a server is sent, we want to perform some actions based on the response. The onreadystatechange event is triggered every time the readyState changes. The readyState property holds the status of the XMLHttpRequest. Three important properties of the XMLHttpRequest object: Property Description onreadystatechange Stores a function (or the [...]

Read More >>

Author: Categories: AJAX Tags:

ASP/PHP Example

August 8th, 2011

AJAX is used to create more interactive applications. AJAX ASP/PHP Example The following example will demonstrate how a web page can communicate with a web server while a user type characters in an input field: Example Start typing a name in the input field below: First name:  Suggestions: Try it yourself » Example Explained – [...]

Read More >>

Author: Categories: AJAX Tags: , ,

Create an Ajax-Based Auto-Completing Search Field for your WordPress Theme

October 1st, 2009
automcompletion-wordpress.png

Why not helping your visitors to find what they’re looking for on your blog, by using a cool auto-completion on your search field? To do so, we’ll use WordPress tagcloud, php and ajax. Please note that even if this code is fully functional, this is an experimentation, and the SQL query isn’t really optimized. The [...]

Read More >>

Create an Amazing Contact Form with Ajax without Plugin

September 18th, 2009

Every website should have a contact form. In this tutorial we will make a contact form that will make your visitors say WOW. It will be a cool looking contact form with nice and smooth validation, processed with AJAX.

Read More >>

Create a Ajax based Form Submission with jQuery

September 8th, 2009

AJAX AJAX has changed the world of web development. Look at digg, facebook and gmail, thery are good examples to show the capability of AJAX. AJAX can create a highly responsive web interface and increase the user experience. AJAX is abbrieviated from Asynchrounous javascript and XML. It’s not a new technology, but the implementation of [...]

Read More >>

A Simple AJAX Driven Website with jQuery and PHP

September 5th, 2009

Introduction AJAX is abbrieviated from Asynchrounous javascript and XML. It’s not a new technology, but the implementation of a group of technologies to achieve a seamless interaction between client and server. Typically, xhtml and css to present the information, javascript is used to handle user interactions, and a server side language to perform the users’ [...]

Read More >>

Build a Live Search with Ajax

September 1st, 2009

In this tutorial we’ll be using JQuery to perform a search on a mysql table without waiting for a new page to load. First of all we’re going to build the php document which will be used by JQuery to perform the search.

Read More >>