زبان AJAX در طراحی سایت
دوشنبه 14 مهر 1393 11:11 AM
AJAX مخفف Asynchronous JavaScript and XML که به معنای ناهمزمانی جاوا اسکریپ و XML می باشد. AJAX زبان برنامه نویسی جدیدی نیست اما روشی جدیدی برای استفاده از استاندارهای موجود در طراحی وب سایت می باشد.در واقع AJAX هنر تبادل داده با سرور و به روز رسانی بخشی از صفحات طراحی سایت، بدون نیاز به بارگذاری دوباره کل صفحه سایت می باشد، و به نوعی فرآیند طراحی سایت را آسان تر نموده است و یا همچنین موجب می شود اصلاحاتی که به منظور بهینه سازی سایت می بایست انجام شود، با سرعت بیشتری انجام پذیرد. قبل از فراگیری AJAX شما می بایست زبان های استاندارد زیر را بدانید:
• HTML / XHTML
• CSS
• JavaScript / DOM
از نمونه وب سایت هایی که برنامه های کاربریAJAX را استفاده می کنند تب های Google Maps, Gmail, Youtube, و Facebook را می توان نام برد. AJAX بر مبنای استانداردهای اینترنت می باشد و ترکیبی از:
• شی های درخواستی XMLHttp( تبادل داده غیرهمزمان با سرور)
• JavaScript/DOM (نمایش/تعامل با اطلاعات)
• CSS ( استایل نمودن داده )
• XML (اغلب به عنوان فرمتی از انتقال داده استفاده می شود)
بخش div به منظور نمایش داده برگشتی از سرور استفاده می شود. در مثال زیر تابعی به نام loadXMLDoc() فراخوانی می شود.
<!DOCTYPE html>
<html>
<body>
<div id="myDiv"><h2>Let AJAX change this text</h2></div>
<button type="button" on-click="loadXMLDoc()">Change Content</button>
</body>
</html>
سپس با استفاده از تگ <script> در بخش head تابع loadXMLDoc() را فراخوانی می کنیم.
<head>
<script>
function loadXMLDoc()
{
.... AJAX script goes here ...
}
</script>
</head>
شی XMLHttpRequest توسط اغلب مرورگرها پشتیبانی می شود و به منظور تبادل داده با سرور پشت صحنه استفده می شود.
variable=new XMLHttpRequest();
با استفاده از قطعه کد بالا، شی XMLHttpRequest ایجاد می شود، که البته در مرورگرهای جدید از این کد بهره می گیرند. به منظور پشتیبانی تمامی مرورگر از قطعه کد زیر استفاده می شود.
var xmlhttp;
if (window.XMLHttpRequest)
{// code for IE7+, Firefox, Chrome, Opera, Safari
xmlhttp=new XMLHttpRequest();
}
else
{// code for IE6, IE5
xmlhttp=new ActiveXObject("Microsoft.XMLHTTP");
}
برای ارسال درخواست به سرور ازمتدهای open() و send() در شی XMLHttpRequest استفاده می شود.
xmlhttp.open("GET","ajax_info.txt",true);
xmlhttp.send();
طراحی سایت
