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

elham1388 · مرداد 93

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>

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

منبع: --------------------------

ویرایش شده در مرداد 93 توسط Masood Ashoori

ورود

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

1 پست در این موضوع

Share this post

Link to post

Share on other sites

برای ارسال نظر یک حساب کاربری ایجاد کنید یا وارد حساب خود شوید

ایجاد یک حساب کاربری

ورود به حساب کاربری

خانه

فعالیت ها