Microsoft
Software
Hardware
Network
Question : can we apply ajax on the text that we fetch from database with the help of php?
can we apply ajax on the text that we fetch from database with the help of php?
Answer : can we apply ajax on the text that we fetch from database with the help of php?
Yes you can. I will show you a simple example of an AJAX form validation that I've made. And from that you can tweak it to do what you want to.
HTML FILE:
Username:
pan>
id="txtHint">
d>
E-mail:
/>
r>
FILE: getHint.php
require("../include/conn_m
ysql.php")
; ?>
require_once("../include/f
unctions.p
hp"); ?>
require_once("../include/f
orm_functi
ons.php");
?>
$string = $_GET['string'];
$type = $_GET['type'];
$query = "SELECT * FROM users";
$result = mysql_query($query);
if($type == "username"){
while($row = mysql_fetch_array($result)
){
if ($row['UserName'] == $string){
$response = "
* Användarnamnet är upptaget
";
break;
}
elseif(required_field($str
ing)){
$response = required_error();
}
else {
$response = "
";
}
}
echo $response;
}
elseif($type == "email"){
while($row = mysql_fetch_array($result)
){
if ($row['Email'] == $string){
$response = "
* E-mailadressen är redan registrerad här.
";
break;
}
elseif(required_field($str
ing)){
$response = required_error();
}
elseif(is_valid_email($str
ing) == true){
$response = email_error();
}
else {
$response = "
";
}
}
echo $response;
}
?>
FILE: showHint.js
var xmlHttp
var string
var type
function showHint(str)
{
type = str;
switch (type)
{
case "email":
string = document.getElementById("e
mailField"
).value
break;
case "username":
string = document.getElementById("u
sernameFie
ld").value
break;
default:
return;
}
if (string.length==0)
{
document.getElementById(ty
pe+"Hint")
.innerHTML
= "";
return;
}
xmlHttp=GetXmlHttpObject()
;
if (xmlHttp == null)
{
alert ("Your browser does not support AJAX!");
return;
}
var url="gethint.php?";
url +="type="+type;
url += "&string="+escape(string);
url +="&sid="+Math.random();
xmlHttp.onreadystatechange
=stateChan
ged;
xmlHttp.open("GET",url,tru
e);
xmlHttp.send(null);
}
function stateChanged()
{
if (xmlHttp.readyState==4 || xmlHttp.readyState=="Compl
ete")
{
document.getElementById(ty
pe+"Hint")
.innerHTML
=xmlHttp.r
esponseTex
t;
}
}
function GetXmlHttpObject()
{
var xmlHttpObject=null;
try
{
//FIREFOX OPERA SAFARI
xmlHttpObject=new XMLHttpRequest();
}
catch (e)
{
//IE
try
{
xmlHttpObject=new ActiveXObject("Msxml12.XML
HTTP");
}
catch (e)
{
xmlHttpObject=new ActiveXObject("Microsoft.X
MLHTTP");
}
}
return xmlHttpObject;
}
Hope this helps!
Random Solutions
nested email distribution groups
How to create a flash object that displays data from a PHP file (data from mysql db)?
Selecting Records in Crystal Reports 11
Change the default Date format
Printing actual sql query
Citrix Design
Blocking group policy for one user
Scheduled Task will not copy files across Home LAN
Cut and paste in robocopy
Flash preloader with numbers going backwards