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
VPN Software
Multiple "IF" Statements in MS Excel
Hidden task bar intermittently doesn't appear.
Firefox cannot access Internet - IE CAN!
Migrating Sharepoint to a different domain
Quark 5.0 error message "Insufficient disk space...."
Entourage 2008 Secure Connection Warning
Trying to Force a Particualr Windows Color Scheme through group polciy and cannot find where to set it at
Recovering Exchange 2003 after a corrupt AD on an SBS 2003 Server.
how to write a cursor to loop through the records of one table and insert them into another table?