maroot
یک شنبه 09 اسفند 1388, 14:33 عصر
دوست عزيز :
من با يك مثال Ajax را براي شما كمي توضيح مي دم .اما شما بهتر بود لينكهاي قبلي كه من و ساير دوستان گذاشتيم را پيگيري مي كردي .
مطالب كامل تر را مي توني توي همون لينكهايي كه برات گذاشتم پيدا كني .
AJAX : Asynchronous JavaScript and XML
در اين تكنولوژي ما يك شي از جنس صفحه مي سازيم و داده ها را با جاوااسكريپت به سمت سرور (صفحه PHP/ASP) مي فرستيم .
داده ها پس از پردازش به سلامت كلاينت ارسال مي گردند .
آجكس نياز به كامپايلر خاصي نداره . در واقع هر مرورگري كه جاوا اسكريپت را پشتيباني كنه ميتونه از تكنولوژي آجاكس هم استفاده كنه .
آجكس چيز جديدي نيست اما با استفاده هاي مفيدي كه گوگل از بهره برد معروف شد .
مثال :
شما يك تكست باكس داري كه با زدن اعداد متناظر يكي از روزهاي هفته را نشون مي ده :
سورس صفحه وب :
<html>
<head>
<script language='javascript'>
<!-- در اينجا يك شي XMPHttpRequest ساخته ميشه . به زبان ساده يك صفحه ايجاد ميشه كه قابل رويت نيست . -->function GetXmlHttpObject()
{
if (window.XMLHttpRequest)
{
// code for IE7+, Firefox, Chrome, Opera, Safari
return new XMLHttpRequest();
}
if (window.ActiveXObject)
{
// code for IE6, IE5
return new ActiveXObject("Microsoft.XMLHTTP");
}
return null;
}
var xmlhttp;
// تابعي كه داده ها را به سرور مي فرستد .
function getDays(str)
{
if (str.length==0)
{
document.getElementById("MyDays").innerHTML="";
return;
}
xmlhttp=GetXmlHttpObject();
if (xmlhttp==null)
{
alert ("Your browser does not support XMLHTTP!");
return;
}
// ما اطلاعات را با متد get مي فرستيم .
var url="getDays.php";
url=url+"?day="+str;
// هر زمان داده ها پردازش شدند در تابع stateChanged قابل دسترسي اند .
xmlhttp.onreadystatechange=stateChanged;
xmlhttp.open("GET",url,true);
xmlhttp.send(null);
}
function stateChanged()
{
// ==4 يعني اطلاعات به درستي پردازش شده و آماده دريافت توسط كلاينت است .
if (xmlhttp.readyState==4)
{
document.getElementById("MyDays").innerHTML=xmlhtt p.responseText;
}
}
</script>
</head>
<body>
<div id='MyDays'> </div>
<input name='txtday' id='txtday' type='text' value=''>
<input type='button' onclick='getDays(document.getElementById("txtday") .value);'>
</body>
كد صفحه سمت سرور PHP :
<?php
$day=-1;
if(isset($_Get['day']))
$day=$_Get['day'];
$str="";
if($day==0)
$str="شنبه";
else
if($day==1)
$str="يكشنبه";
else
if($day==2)
$str="دوشنبه";
else
if($day==3)
$str="سه شنبه";
else
if($day==4)
$str="چهارشنبه";
else
if($day==5)
$str="پنجشنبه";
else
if($day==6)
$str="جمعه";
else
$str="عدد شما مي بايست بين 0-6 باشد .";
echo $str;
?>
سلاممن کد شما رو وارد کردم ولی متاسفانه بعد ار فشار دکمه هیچ اتفاقی نمی افته، البته چند تا مثال دیگه رو هم امتحان کردم . این کار هم با اینترنت اکسپلورر انجام دادم هم فایرفاکس ولی هیچ کدوم عمل نمی کنن فکر می کنم در اجرای جاوا اسکریپت یه مشکلی هست چه کمکی می تونید به من بکنید؟