با سلام خدمت کاربران گرامی سایت پی وی لرن و علاقمندان و کاربرانی که علاقمند به یادگیری دوره XML هستند. در جلسه گذشته و در اولین فصل از دوره آموزش XML شما را با نحوه کار با سرور در XML و کار با آن آشنا کردیم. در بیستمین جلسه و در آستانه ی شروع فصل AJAX به آموزش کار با AJAX در XML می پردازیم.
تقریباً می توان گفت که AJAX و یادگیری آن آرزو و آمال هر توسعه دهنده ای است!
در ادامه آموزش کار با AJAX در XML دلایلی را که این همه موجب محبوبیت AJAX شده است را شرح می دهیم.
طبق سبک و سیاق اکثر دوره های آموزشی پی وی لرن، در طول یادگیری AJAX می توانید نمونه ها و مثال ها را خودتان یاد بگیرید تا یادگیری شما از تاثیر عمیق تری برخوردار باشد.
1 2 3 4 5 6 7 8 9 10 11 | <!DOCTYPE html> <html> <body> <div id="demo"> <h2>Let AJAX change this text</h2> <button type="button" onclick="loadDoc()">Change Content</button> </div> </body> </html> |
صفحه HTML حاوی بخش <div> و <button> است.
بخش <div> برای نمایش اطلاعات از یک سرور استفاده می شود.
<button> یک تابع را فراخوانی می کند (اگر کلیک شده باشد).
تابع مورد نظر داده را از سرور وب درخواست نموده و آم را به صورت زیر نمایش می دهد.
1 2 3 4 5 6 7 8 9 10 | function loadDoc() { var xhttp = new XMLHttpRequest(); xhttp.onreadystatechange = function() { if (this.readyState == 4 && this.status == 200) { document.getElementById("demo").innerHTML = this.responseText; } }; xhttp.open("GET", "ajax_info.txt", true); xhttp.send(); } |
حالا نوبت این سوال اساسی است که AJAX چیست؟
AJAX = جاوا اسکریپت و XML.
AJAX یک زبان برنامه نویسی نیست!
AJAX فقط ترکیبی است از:
AJAX یک نام گمراه کننده است!
AJAX یک نام گمراه کننده است برنامه های AJAX ممکن است برای انتقال داده ها از XML استفاده کنند، اما انتقال داده ها به صورت متن ساده یا JSON مرسوم تر است.
AJAX اجازه می دهد که صفحات وب به صورت یکنواخت به روز شود و داده ها با کمک یک وب سرور در پشت صحنه ها به روز رسانی شوند به این معنا که ممکن است قسمتهای یک صفحه وب را به روز رسانی کنید بدون اینکه کل صفحه را بارگیری نمایید.
۱٫ یک اتفاق در صفحه وب اتفاق می افتد (صفحه لود می شود، یک دکمه روی آن کلیک می شود).
۲٫ یک XMLHttpRequest object توسط جاوا اسکریپت ایجاد می شود.
۳٫ XMLHttpRequest object یک درخواست را برای یک وب سرور ارسال می کند.
۴٫ سرور درخواست را پردازش می کند.
۵٫ سرور پاسخی به صفحه وب ارسال می کند.
۶٫ پاسخ توسط جاوا اسکریپت خوانده می شود.
۷٫ اقدام مناسب (مانند به روز رسانی صفحه) توسط جاوا اسکریپت صورت می پذیرد.
و AJAX به این شکل کار می کند!
در آموزش کار با AJAX در XML شما را با AJAX و کاربردها و قابلیت های آن آشنا کردیم.
در جلسه بعدی آموزش XML را با XMLHttp ادامه می دهیم.
با پی وی لرن همراه باشید.