Introduction
PHP can be used for a lot of different things, and is one of the most powerful scripting languages available on the web. Not to mention it's extremely cheap and widely used. However, one thing that PHP is lacking, and in fact most scripting languages are, is a way to update pages in real-time, without having to reload a page or submit a form.
The internet wasn't made for this. The web browser closes the connection with the web server as soon as it has received all the data. This means that after this no more data can be exchanged. What if you want to do an update though? If you're building a PHP application (e.g. a high-quality content management system), then it'd be ideal if it worked almost like a native Windows/Linux application.
But that requires real-time updates. Something that isn't possible, or so you would think. A good example of an application that works in (almost) real-time is Google's GMail (http://gmail.google.com). Everything is JavaScript powered, and it's very powerful and dynamic. In fact, this is one of the biggest selling-points of GMail. What if you could have this in your own PHP websites as well? Guess what, I'm going to show you in this article.
How does it work?
If you want to execute a PHP script, you need to reload a page, submit a form, or something similar. Basically, a new connection to the server needs to be opened, and this means that the browser goes to a new page, losing the previous page. For a long while now, web developers have been using tricks to get around this, like using a 1x1 iframe, where a new PHP page is loaded, but this is far from ideal.
Now, there is a new way of executing a PHP script without having to reload the page. The basis behind this new way is a JavaScript component called the XML HTTP Request Object. See http://jibbering.com/2002/4/httprequest.html for more information about the component. It is supported in all major browsers (Internet Explorer 5.5+, Safari, Mozilla/Firefox and Opera 7.6+).
With this object and some custom JavaScript functions, you can create some rather impressive PHP applications. Let's look at a first example, which dynamically updates the date/time.
Example 1
First, copy the code below and save it in a file called 'script.js':
var xmlhttp=false;
/*@cc_on @*/
/*@if (@_jscript_version >= 5)
// JScript gives us Conditional compilation, we can cope with old IE versions.
// and security blocked creation of the objects.
try {
xmlhttp = new ActiveXObject("Msxml2.XMLHTTP");
} catch (e) {
try {
xmlhttp = new ActiveXObject("Microsoft.XMLHTTP");
} catch (E) {
xmlhttp = false;
}
}
@end @*/
if (!xmlhttp && typeof XMLHttpRequest!='undefined') {
xmlhttp = new XMLHttpRequest();
}
function loadFragmentInToElement(fragment_url, element_id) {
var element = document.getElementById(element_id);
element.innerHTML = 'Loading ...';
xmlhttp.open("GET", fragment_url);
xmlhttp.onreadystatechange = function() {
if (xmlhttp.readyState == 4 && xmlhttp.status == 200) {
element.innerHTML = xmlhttp.responseText;
}
}
xmlhttp.send(null);
}
Then copy the code below, and paste it in a file called 'server1.php':
And finally, copy the code below, and paste it in a file called 'client1.php'. Please note though that you need to edit the line that says 'http://www.yourdomain.com/server1.php' to the correct location of server1.php on your server.
Example 1
function updatedate() {
loadFragmentInToElement('http://www.yourdomain.com/server1.php', 'currentdate');
}
The current date is .
Now go to http://www.yourdomain.com/client1.php and click on the button that says 'Update date'. The date will update, without the page having to be reloaded. This is done with the XML HTTP Request object. This example can also be viewed online at http://www.phpit.net/demo/php%20on%20the%20fly/client1.php.
Example 2
Let's try a more advanced example. In the following example, the visitor can enter two numbers, and they are added up by PHP (and not by JavaScript). This shows the true power of PHP and the XML HTTP Request Object.
This example uses the same script.js as in the first example, so you don't need to create this again. First, copy the code below and paste it in a file called 'server2.php':
And then, copy the code below, and paste it in a file called 'client2.php'. Please note though that you need to edit the line that says 'http://www.yourdomain.com/server2.php' to the correct location of server2.php on your server.
Example 2
function calc() {
num1 = document.getElementById ('num1').value;
num2 = document.getElementById ('num2').value;
var element = document.getElementById('answer');
xmlhttp.open("GET", 'http://www.yourdomain.com/server2.php?num1=' + num1 + '&num2=' + num2);
xmlhttp.onreadystatechange = function() {
if (xmlhttp.readyState == 4 && xmlhttp.status == 200) {
element.value = xmlhttp.responseText;
}
}
xmlhttp.send(null);
}
U
se the below form to add up two numbers. The answer is calculated by a PHP script, and not with JavaScript. What's the advantage to this? You can execute server-side scripts (PHP) without having to refresh the page.
+ =
When you run this example, you can add up two numbers, using PHP and no reloading at all! If you can't get this example to work, then have a look on http://www.phpit.net/demo/php%20on%20the%20fly/client3.php to see the example online.
Any Disadvantages...?
There are only two real disadvantages to this system. First of all, anyone who has JavaScript turned off, or their browser doesn't support the XML HTTP Request Object will not be able to run it. This means you will have to make sure that there is a non-JavaScript version, or make sure all your visitors have JavaScript enabled (e.g. an Intranet application, where you can require JS).
Another disadvantage is the fact that it breaks bookmarks. People won't be able to bookmark your pages, if there is any dynamic content in there. But if you're creating a PHP application (and not a PHP website), then bookmarks are probably not very useful anyway.
Conclusion
As I've shown you, using two very simple examples, it is entirely possible to execute PHP scripts, without having to refresh the page. I suggest you read more about the XML HTTP Request Object (http://jibbering.com/2002/4/httprequest.html) and its capabilities.
The things you can do are limitless. For example, you could create an extremely neat paging system, that doesn't require reloading at all. Or you could create a GUI for your PHP application, which behaves exactly like Windows XP. Just think about it!
Be aware though that JavaScript must be enabled for this to work. Without JavaScript this will be completely useless. So make sure your visitors support JavaScript, or create a non-JavaScript version as well.
About The Author
Dennis Pallett is a young tech writer, with much experience in ASP, PHP and other web technologies. He enjoys writing, and has written several articles and tutorials. To find more of his work, look at his websites at http://www.phpit.net http://www.aspit.net and http://www.ezfaqs.com
In our small article we'll consider Microsoft Business Solutions Great... Read More
Pirated software is on the increase and now accounts for... Read More
A UNIX Shell is in simplest terms, a command line... Read More
We would like to give you several situations, when you... Read More
Microsoft CRM is CRM answer from Microsoft and attempt to... Read More
There are two approaches for application integration:? Programmer's approach ?... Read More
Microsoft Business Solutions Great Plains is Dexterity-written application and currently... Read More
Microsoft Business Solutions Great Plains was purchased from Great Plains... Read More
Microsoft Great Plains is one of the Microsoft Business Solutions... Read More
New post-recession era has new features, which didn't exist in... Read More
Are you ready? SQL Server 2005, the next-generation data management... Read More
Did you ever give a thought to the number of... Read More
The purpose of one of our projects was MS Exchange... Read More
In 2004 Oracle, Inc. made its new step toward J2EE... Read More
Programming Help for BeginnersWe write programs to instruct computers. When... Read More
Internet worms. Is your PC infected?If your computer has become... Read More
Most computer users use spreadsheets software such as Microsoft Excel... Read More
Manufacturing in the USA is far away down from mid... Read More
OEComplete is a utility for managing the personal information of... Read More
Microsoft Business Solutions Great Plains has several options to enable... Read More
.NET platform does not support multiple inheritance. Do not confuse... Read More
Software Engineering is the Systematic Approach for analysis design implementation... Read More
Innovative Maintenance Systems (IMS) is one company that offers solutions... Read More
In the early days of the personal computer, we're talking... Read More
Microsoft Business Solutions CRM is present several years on the... Read More
Current Microsoft Business Solutions Great Plains has more that 10... Read More
Language development computer: Computer-based method for aiding language development seems... Read More
Are you a database professional? Do you work with a... Read More
If you have Microsoft Great Plains and support it... Read More
In order to meet regulatory and corporate compliance requirements reporting... Read More
No matter how much you enjoy your favorite screensavers, sometimes... Read More
We would like first emphasize the change in the paradigm.... Read More
Every day millions of new web documents emerge on the... Read More
Spyware is like the new technological nuclear weapon on the... Read More
IBM Lotus Domino or Microsoft Exchange?The severe competition continues for... Read More
To all web designers out there, this article is for... Read More
Fundraising software lets you connect with donors in a way... Read More
This is the tutorial where we really get into programming.... Read More
Great Plains Software Dynamics, Dynamics C/S+, eEnterprise were written on... Read More
It is possible that if one avoided all sources of... Read More
Domino server is a buffer between the operation system and... Read More
And kill the best layout software in the process of... Read More
Since Version 8.0 Microsoft Business Solutions Great Plains & Great... Read More
There is many things more frustrating than surfing a website... Read More
With the advent of 'Service Pack 2' for Windows XP... Read More
Microsoft Business Solutions Great Plains has Project Accounting module where... Read More
Think of this, first we had the HAM Radio, then... Read More
Heard about the Quark "killer"?Adobe InDesign CS2. Will it really... Read More
If you are software developer or database administrator - we... Read More
Great Plains Fixed Assets Management module is a robust tool... Read More
FTP stands for "file transfer protocol". FTP is basically a... Read More
At the end of XX century, in the late 1990th... Read More
You turn on your computer, and it doesn't look quite... Read More
Executive SummaryAn effective plan for entering, cleaning and updating the... Read More
You would like to protect your documents, wouldn't you? Reasons... Read More
What is Colossus?Colossus is software licensed to about twenty-five insurance... Read More
Microsoft Business Solutions Great Plains is marketed for mid-size companies... Read More
There are certain pluses and minuses in both cases and... Read More
How would you like to prevent spyware and adware from... Read More
Java has come along a long way. Many would agree... Read More
Microsoft Great Plains is now standard mid-market ERP application, serving... Read More
What is a Web Database?A web database is a database... Read More
There are many commands that are used in linux on... Read More
When Great Plains Software was designing and developing Great Plains... Read More
Many Webmasters have never bothered to view their website's server... Read More
Customer Relationship Management or CRM is a combination of enterprise... Read More
Software |