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
how to change the IP address of Linux box in network
Using NIS for Domain/Client
Looking for a utility that will monitor mailbox access and notify whenever it is accessed
Get Current date in MM/dd/YYYY format using JSTL
performing redirect in ajax so that the url does not change.
How to write a dynamic page that updates itself without reloading the page?
token leak?
can group policy uncheck "require server verifcation" checkbox in trusted sites?
No system sound
Script to grab specific information from hyperterminal