PHP Example AJAX and MySQL

Page 1 of 3

TRANSLATE
Search w3schools.com
HOME HTML CSS XML JAVASCRIPT ASP PHP SQL MORE...

Search

REFERENCES | EXAMPLES | FORUM | ABOUT

PHP Basic
PHP HOME PHP Intro PHP Install PHP Syntax PHP Variables PHP String PHP Operators PHP If...Else PHP Switch PHP Arrays PHP While Loops PHP For Loops PHP Functions PHP Forms PHP $_GET PHP $_POST

PHP - AJAX and MySQL

Previous
AJAX can be used for interactive communication with a database.

WEB HOSTING Best Web Hosting

Next Chapter

PHP MySQL Hosting Best Hosting Coupons UK Reseller Hosting Cloud Hosting Top Web Hosting $3.98 Unlimited Hosting Premium Website Design

AJAX Database Example

The following example will demonstrate how a web page can fetch information from a database with AJAX:

Example
Select a person:
Person info will be listed here...

WEB BUILDING Download XML Editor FREE Website BUILDER Free Website TemplatesFree CSS Templates Make Your Own Website

PHP Advanced
PHP Date PHP Include PHP File PHP File Upload PHP Cookies PHP Sessions PHP E-mail PHP Secure E-mail PHP Error PHP Exception PHP Filter

Example Explained - The MySQL Database

The database table we use in the example above looks like this: id 1 2 3 4 FirstName Peter Lois Joseph Glenn LastName Griffin Griffin Swanson Quagmire Age 41 40 39 41 Hometown Quahog Newport Quahog Quahog Job Brewery Piano Teacher Police Officer Pilot

W3SCHOOLS EXAMS Get Certified in: HTML, CSS, JavaScript, XML, PHP, and ASP W3SCHOOLS BOOKS New Books: HTML, CSS JavaScript, and Ajax STATISTICS Browser Statistics Browser OS Browser Display SHARE THIS PAGE Share with

PHP Database
MySQL Introduction MySQL Connect MySQL Create MySQL Insert MySQL Select MySQL Where MySQL Order By MySQL Update MySQL Delete PHP ODBC

Example Explained - The HTML Page

When a user selects a user in the dropdown list above, a function called "showUser()" is executed. The function is triggered by the "onchange" event:

< html> < head> < script type="text/javascript"> function showUser(str) { if (str=="") { document.getElementById("txtHint").innerHTML=""; return; } if (window.XMLHttpRequest) {// code for IE7+, Firefox, Chrome, Opera, Safari xmlhttp=new XMLHttpRequest(); } else {// code for IE6, IE5 xmlhttp=new ActiveXObject("Microsoft.XMLHTTP"); }

PHP XML
XML Expat Parser XML DOM XML SimpleXML

PHP and AJAX

AJAX Intro AJAX PHP AJAX Database AJAX XML AJAX Live Search AJAX RSS Reader

http://www.w3schools.com/php/php_ajax_database.asp

3/1/2012

PHP Example AJAX and MySQL

Page 2 of 3

AJAX Poll

xmlhttp.onreadystatechange=function() { if (xmlhttp.readyState==4 && xmlhttp.status==200) { document.getElementById("txtHint").innerHTML=xmlhttp.responseText; } } xmlhttp.open("GET","getuser.php?q="+str,true); xmlhttp.send(); } < /script> < /head> < body> < form> < select name="users" onchange="showUser(this.value)"> < option value="">Select a person:</option> < option value="1">Peter Griffin</option> < option value="2">Lois Griffin</option> < option value="3">Glenn Quagmire</option> < option value="4">Joseph Swanson</option> < /select> < /form> < br /> < div id="txtHint"><b>Person info will be listed here.</b></div> < /body> < /html>
The showUser() function does the following: Check if a person is selected Create an XMLHttpRequest object Create the function to be executed when the server response is ready Send the request off to a file on the server Notice that a parameter (q) is added to the URL (with the content of the dropdown list)

PHP Reference
PHP Array PHP Calendar PHP Date PHP Directory PHP Error PHP Filesystem PHP Filter PHP FTP PHP HTTP PHP Libxml PHP Mail PHP Math PHP Misc PHP MySQL PHP SimpleXML PHP String PHP XML PHP Zip

PHP Quiz
PHP Quiz PHP Certificate

The PHP File

The page on the server called by the JavaScript above is a PHP file called "getuser.php". The source code in "getuser.php" runs a query against a MySQL database, and returns the result in an HTML table:

< ?php $q=$_GET["q"]; $con = mysql_connect('localhost', 'peter', 'abc123'); if (!$con) { die('Could not connect: ' . mysql_error()); } mysql_select_db("ajax_demo", $con); $sql="SELECT * FROM user WHERE id = '".$q."'"; $result = mysql_query($sql); echo "<table border='1'> < tr> < th>Firstname</th> < th>Lastname</th> < th>Age</th> < th>Hometown</th>

http://www.w3schools.com/php/php_ajax_database.asp

3/1/2012

PHP Example AJAX and MySQL

Page 3 of 3

< th>Job</th> < /tr>"; while($row = mysql_fetch_array($result)) { echo "<tr>"; echo "<td>" . $row['FirstName'] . "</td>"; echo "<td>" . $row['LastName'] . "</td>"; echo "<td>" . $row['Age'] . "</td>"; echo "<td>" . $row['Hometown'] . "</td>"; echo "<td>" . $row['Job'] . "</td>"; echo "</tr>"; } echo "</table>"; mysql_close($con); ?>
Explanation: When the query is sent from the JavaScript to the PHP file, the following happens: 1. PHP opens a connection to a MySQL server 2. The correct person is found 3. An HTML table is created, filled with data, and sent back to the "txtHint" placeholder

Previous

Next Chapter

iconexperience.com

REPORT ERROR | HOME |

TOP | PRINT |

FORUM |

ABOUT

W3Schools is optimized for learning, testing, and training. Examples might be simplified to improve reading and basic understanding. Tutorials, references, and examples are constantly reviewed to avoid errors, but we cannot warrant full correctness of all content. While using this site, you agree to have read and accepted our terms of use and privacy policy. Copyright 1999-2012 by Refsnes Data. All Rights Reserved.

http://www.w3schools.com/php/php_ajax_database.asp

3/1/2012