Scribd
Upload
138 views

Ajax and Mysql

This document explains how to use AJAX with PHP and MySQL to fetch and display database information without reloading the page. It provides an example where a user selects a name from a dropdown which triggers a function to make an AJAX call to a PHP file. The PHP file queries the MySQL database and returns the user's information as an HTML table that is displayed on the page without refreshing.

Uploaded by

Mary Mike
Copyright
© Attribution Non-Commercial (BY-NC)
Available Formats
Download as PDF, TXT or read online on Scribd
138 views

Ajax and Mysql

This document explains how to use AJAX with PHP and MySQL to fetch and display database information without reloading the page. It provides an example where a user selects a name from a dropdown which triggers a function to make an AJAX call to a PHP file. The PHP file queries the MySQL database and returns the user's information as an HTML table that is displayed on the page without refreshing.

Uploaded by

Mary Mike
Copyright
© Attribution Non-Commercial (BY-NC)
Available Formats
Download as PDF, TXT or read online on Scribd
You are on page 1/ 3

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

You might also like