با به كارگيري از AJAX در اسكريپت ها و صفحه هاي اينترنت

با به كارگيري از AJAX در اسكريپت ها و ورقه هاي اينترنت مي توانيم بدون بار گذاري مجدد كاغذ، درخواست هايي را به سمت سرور ارسال كرده و نتايج را دريافت كنيم. در‌اين نوشته‌ي علمي فراگيري بي آلايش استفاده از ajax در طراحي سايت فروشگاهي در مشهد PHP هم پا با مثال هاي بي آلايش خوا‌هيم اظهار‌كرد. در آغاز نحوه كارايي ajax را مي بينم و آن گاه به به كارگيري از AJAX با JQuery خوا‌هيم پرداخت.
ايجكس (AJAX) چيست ؟ايجكس يا اين كه آجاكس مخفف عبارت Asynchronous JavaScript and XML به معناي جاوا اسكريپت و XML ناهمگام ميباشد.به طور خيلي بي آلايش، AJAX اين قابليت و امكان را به ما مي دهد تا سواي توشه گذاري (Refresh) يك كاغذ اينترنت، اطلاعاتي را به سمت سرور ارسال كرده و فايده را دريافت كنيم.به طور معمول، زماني مي‌خواهيم وارد صفحه اي جديد شويم يا اين كه اطلاعات يك فرم را براي سرور ارسال كنيم، صفحه اينترنت رفرش مي گردد. با به كار گيري از AJAX خوا هيم توانست سواي نياز به رفرش صفحه، اطلاعات را ارسال و يا اين كه محتواي كاغذ جديد را دريافت كنيم.از بزرگترين مزاياي اين فعاليت ميتوان به موردها پايين اشاره كرد:به دست‌كم رساندن اطلاعات ارسالي و دريافتي از سرورعدم نياز به دانلود بي نقص يك كاغذ در هر بار بارگذاري كاغذ هابهبود رابط كاربري و تجربه كاربري اينترنت سايتبه كارگيري از AJAX چه گونه به بهبود تجربه كاربري ياري مي‌نمايد ؟فرض فرماييد يك فرم تماس با ما در وب سايت شما وجود دارد كه يوزرها مي خواهند آنرا كامل شدن و براي شما ارسال نمايند. به طور پيشفرض، پس از ارسال فرم، كاغذ دوباره توشه گذاري گرديده و فايده به استعمال كننده اكران داده ميگردد.اما با به كار گيري از AJAX سواي رفرش كاغذ، پيام را ارسال كرده و بهره پاياني را در به عبارتي جا به به كارگيري كننده اكران مي‌دهيم.افزايش سرعت فعاليت انجام يافته و ارائه عكس العمل جذاب خيس به به كار گيري كننده، مي‌تواند به بهبود UX وبسايت ياري دهد.
شيوه فعاليت AJAX در يك برگه اينترنتيك فرايند AJAX جمعاَ فرايند ذيل را طي مينمايد.به كارگيري كننده كاغذ اينترنت را باز مينمايد.با انجام فعاليتي، يك درخواست AJAX اجرا مي گردد.در آغاز تمام اطلاعات مايحتاج براي ارسال درخواست گردآوري مي‌شود. (نظير اطلاعات تماس به كارگيري كننده در فرم)اطلاعات گردآوري گرديده به سمت سرور ارسال مي گردد. (معمولاً به طور POST)منفعت اين درخواست دريافت گرديده و بسته به منفعت كارهايي انجام مي شود.ممكن ميباشد با توجه به فيض درخواست، اطلاعاتي در برگه تغيير‌و تحول پيدا نمايد. (براي اكران پيغام فيض و يا اين كه تغيير تحول محتواي كاغذ)مثلاً در هنگام به كار گيري از AJAX در PHP، پيغام پيروزي آميز بودن ارسال فرم را با توليد يك المنت تازه در كاغذ اكران مي‌دهيم.
به كار گيري از AJAX با جاوا اسكريپتبراي ارسال يك درخواست AJAX طريق هاي متفاوتي وجود دارد. وي‌لين وضعيت ممكن به كار گيري از شي ءها جاوا اسكريپتي ميباشد.مزيت اين نحوه اين ميباشد كه نياز به هيچ كتابخانه طولاني خيس تري نخواهيد داشت! ولي شايد يه خرده مشقت بار خيس و حيران كننده خيس نسبت به بقيه طريق هاي معمول باشد.قطعه كد ذيل يك درخواست POST را به صورت ايجكس به پوشه contact.php ارسال مينمايد.
1234567891011121314151617181920var ajx = new XMLHttpRequest(); ajx.onreadystatechange = function() { if(ajx.readyState === 4 && ) {if(ajx.status === 200) { alert(ajx.responseText);} else if (ajx.status === 404) { alert("صفحه مقصد وجود ندارد");
} else { alert('Error Mes***e: ' + ajx.statusText); } }}ajx.open('POST', 'contact.php');ajx.send("name=Omid&age=21"); همانطور كه در قطعه كد بالا ميبينيد، اين كار از سه بخش اصلي ايجاد شده است.در ابتدا يك شئ XMLHttpRequest ايجاد مي كنيم.آن‌گاه با به كار گيري از تابع onreadystatechange() معلوم مي‌كنيم در هنگام تغيير تحول شرايط درخواست چه اتفاقاتي چهره دهد.در پايان نيز با متد open() جور درخواست و مقصد آنرا معلوم كرده و با تابع send() درخواست را ارسال مي‌كنيم.براي ارسال پارامترهاي مايحتاج، بايستي آن ها را به صورت حرفه اطلاعاتي (Data String) و به عنوان ورودي send() بدهيم.
شئ درخواست (XMLHttpRequest) داراي يك خصوصيت با نام readyState ميباشد. اين متغير مشخص كننده موقعيت فعلي درخواست ميباشد. چهار مقدار متفاوت براي اين متغير در حيث گرفته مي گردد:موقعيت 1 يا اين كه OPENED : وقتي كه شئ ايجاد مي گردد در‌اين شرايط قرار داريم.موقعيت 2 يا اين كه HEADERS_RECEIVED : زماني كه سرآيندهايي براي درخواست تمجيد شده است.وضعيت 3 يا اين كه LOADING : درخواست به سرور ارسال گرديده و منتظر دريافت پاسخ هستيم.موقعيت 4 يا اين كه DONE : درخواست ارسال گرديده و پاسخ دريافت شده است. در كد بالا ابتدا گشوده بيني كرديم كه در موقعيت 4 قرار داشته باشيم، يعني پاسخ را دريافت كرده ايم. اكنون با گشوده نگري شرايط درخواست (كد درخواست) ميتوان موقعيت هاي ممكن براي يك درخواست را آيتم گشوده بيني قرار اعطا كرد.با توجه به هر وضعيت، خوا هيم توانست عكس العمل مختلفي نشان دهيم.