First of all, I have to apologise. It's been literally two months since my last post in this series, and it's been more than that since I last looked at Ajax in PHP. OK, I might admit it, it was this comment that motivated me to pick up this series again. Oh, that and I'm now on the half term break, so I'm finally getting round to some things that have been on the back burner for a long time.

In our last Ajax tutorial, we got started with Ajax using PHP and made our first Ajax application.

Today, we're going to take Ajax a little further, by building a little application where our user selects a product from a pop-up list, and then we do a little Ajax dance to get some product details (and an image) and display them in a box below. We'll be making our own little XML schema which we'll use to pass information between the JavaScript in the user's browser and our PHP script on the server.

Requirements

For this tutorial, you'll need the following (and in brackets, I'll show you what I'll be using):

* A web server running PHP (I'm using PHP 5, but it might work on PHP 4).
* A decent browser (I'll be using Firefox 2.0.0.1).
* A decent text editor and/or IDE that supports Unix line breaks if you download my set of files (I'm using the best web development IDE in the world, Quanta).
* Some patience, time, determination and enough hair to rip out when the JavaScript is going wrong (check, check, check).

Also highly recommended, but not required, is the Firebug extension for Firefox, as it makes checking and debugging your JavaScript a lot easier.


Comments


Log in to comment or register here.
Intro Top Scripts Live Feed

About Scriptremix.com

Scriptremix.com is a online web script content site powered by people like you which aims to collect the best resources, tips, and ideas about CSS, HTML, SEO, JavaScript, AJAX, PHP, ASP, .net, linux, XML, CMS, BLOG, Prototypes, Browser Compatibility and much more in online web.

You can submit and share your favorite web script here in just few easy step.

Submit Script

Top Search Tag Cloud
accessible adhd adsense affiliate affiliate programs affiliate software ajax ajax call ajax request alstrasoft animation api api script application applications asp.net atlanta august autocomplete autocompletion automatically autosuggest background beta blog blogging bonus browser business calendar carousel cctv video security camera systems change class classes classifieds client-side clone cms code coins coldfusion collection comments community community software compatibility component components content management system control create creating cross-browser css database date default del.icio.us demo demonstration descargar design designed developer development dhtml digg dimensions display div document documentation dom domain download drag drag & drag and drop draggable drawing dynamic dynamically easy effect effects element elements engine episode example examples experience extensions extjs facebook facebox features file firefox flash flickr forex form forms framework free fully functional classifieds site function functionality gallery games google graphs gratis great gridview grupo hidden cameras home hotscripts.com how html ideas image images implementation improve indicator information infrared illuminators input install installing interface iscripts java javascript javascript framework javascript library jonged joomla joomlatemplatesme jquery jquery library jquery plugin js json juego juegos jugar layout layouts library lightbox lightweight link links loading mah-jong mahhjong mahjong mahjonged mahjongg majong marketing markup mayan menu menus message modal module mootools multiple myspace mysql navigation number object online open open source optimization options page password photo php php and mysql php script php scripts plug-in plugin plugins png podcast popup powerful presentation professional program programming progress project prototype prototypejs rails release released replacement resize review rockettheme rss ruby ruby on rails script script.aculo.us scriptaculous scripting scripts scroller search search engine searching security security cameras systems sef seo september server silverlight simple site slider slideshow social networking social networking script software sql stable strategies string style stylesheet suite support svn table tag tag cloud technique techniques template templates th the theme thumbnails tip tips tooltip trading training tutorial tutorials unobtrusive unobtrusive script update upload upload script user using validation versatility version video video surveillance cameras viral ways web web application web applications website websites widget widgets wiki wikipedia window windows wordpress wysiwyg x xhtml xml yahoo youtube yui