زبان AJAX در طراحی سایت

 
elhamnaderi
elhamnaderi
کاربر تازه وارد
تاریخ عضویت : شهریور 1393 
تعداد پست ها : 65
محل سکونت : تهران

زبان AJAX در طراحی سایت

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();
 

 

طراحی سایت

دوشنبه 14 مهر 1393  11:11 ق.ظ
تشکرات از این پست
دسترسی سریع به انجمن ها