‎‎درخواست آجكس ازسرورAJAX Request -‎

‎‎شئ آجكسAJAX -‎ XMLHttpRequest -‎

‎‎شئ‎XMLHttpRequest‎ براي درخواست داده ازيك سرور استفاده ميشود .

‎SEnd a Request To a Server‎

‎‎ارسال درخواست بسرور

‎براي ارسال يك درخواست به سرور از متدهاي‎‎open( ), send( )‎‎ شئ ‎XMLHttpRequest‎‎استفاده ميشود :

xhttp.open("GET", "ajax_info.txt", true);
xhttp.send();

‎‎متدهاي شئ درخواست آجكس مطابق جدول زيراست:

‎The url -‎ A File On a Server‎

‎url‎آدرس فايل روي يك سرور

‎پارامترurl در متد‎‎open( )‎‎ آدرس يوآرال فايلي است روي محيط سرور ‎در هاست يا هاست محلي

‎اين فايل مي تواند هر نوع فايلي باشد، مانندtxt وxml .يا فايل هاي اسكريپت نويسي سروري . ‎مانندasp , php كه ميتوانند قبل از ارسال پاسخ روي سرور اقداماتي انجام دهند .

‎‎تنظيم ناهمزماني‎Asynchronous -‎ Tre or False?‎ -‎

‎‎درخواست هاي سرور بايد بصورت ناهمزمان با بارگذاري بايد ارسال شوند.

‎‎پارامترasync متد ‎open( )‎ بايد روي true تنظيم شود :

xhttp.open("GET", "ajax_test.asp", true);

‎‎با ارسال ناهمزمان، جاواسكريپت مجبورنيست منتظر پاسخ سرور بماند، بلكه ميتواند:

‎
• ‎‎در زمان انتظار جواب ميتواند اسكريپت هاي ديگري را اجرا كند.
• ‎‎پس از آماده شدن پاسخ با آن برخورد كند.
‎

‎‎نوع ارسال‎Get or POST ?‎ -‎

‎‎نوع ارسال‎GET‎ در بيشتر موارد ، ساده تر وسريعتر از ‎POST‎ است.

‎‎با اين حال هميشه از درخواست هاي‎POST‎ در موارد زير استفاده كنيد :

‎
• ‎يك فايل كش يا ذخيره شده گزينه مناسبي نيست، اما براي بروز رساني يك فايل يا پايگاه داده ‎در سرور.
• ‎‎ارسال داده هاي زياد .چون روش‎POST‎ داراي محدويت اندازه داده نيست .
• ‎ارسال ورودي كاربر كه ميتواند داراي كركترهاي ناشناخته باشد، روش فوق براي آن قويتر و ‎ايمن تراست.
‎

‎‎درخواستهايGET

‎‎مثال ـ يك درخواست ساده‎Get‎

xhttp.open("GET", "demo_get.asp");
xhttp.send();

‎در مثال فوق ممكن برنامه منجر به استفاده از نتيجه كش گردد .براي اجتناب از اين اتفاق ‎يك شناسه منحصر بفرد بهurl اضافه كنيد . اطلاعات كش ، اطلاعات بروزنمي باشد.

‎‎مثال ـ اصلاح شده بالا

xhttp.open("GET", "demo_get.asp?t=" + Math.random());
xhttp.send();

‎‎اگر ميخواهيد اطلاعات را با روشGET ارسال كنيد، اطلاعات را به URL اضافه كنيد :

‎‎مثال ـ نمونه ارسال اطلاعات با درخواستGET

xhttp.open("GET", "demo_get2.asp?fname=Henry&lname=Ford");
xhttp.send();

‎‎درخواستهايPOST

‎‎مثال ـ يك درخواست ساده‎POST‎

xhttp.open("POST", "demo_post.asp");
xhttp.send();

‎براي دادهPOST مشابه بافرمHTML يك هدرHTTP با متد ‎‎setRequestHeader()‎‎ ‎‎اضافه نمائيد .داده هائي كه ميخواهيد در متد ‎‎send()‎‎‎‎ارسال شود، در آن مشخص كنيد .

‎‎مثال ـ درخواست با ارسال نمونه داده

xhttp.open("POST", "ajax_test.asp");
xhttp.setRequestHeader("Content-type", "application/x-www-form-urlencoded");
xhttp.send("fname=Henry&lname=Ford");

‎‎‎درخواست همزمانيSynchromnous Request -‎

‎براي اجراي يك درخواست همزمان، پارامترسوم متد‎‎open( )‎‎ را به ‎false‎‎تعيير دهيد :

xhttp.open("GET", "ajax_info.txt", false);

‎گاهي اوقات ازasync=false براي تست سريع اسفاده ميگردد .همچنين درخواست هاي همزمان را در ‎قديمي جاوااسكريپت خواهيد ديد.

‎‎از آنجائيكه كد منتظر تكميل سرور مي ماند، نيازي به تابعonreadystatechange نيست

‎‎مثال ـ درخواست همزمان

xhttp.open("GET", "ajax_info.txt", false);
xhttp.send();
document.getElementById("demo").innerHTML = xhttp.responseText;

JS Tutorial آموزش جاوااسکریپت

JS Objects اشیاء جاوااسکریپت

JS Functions توابع جاوااسکریپت

JS Classes کلاسهای جاوااسکریپت

JS Async ناهمزمانی جاوااسکریپت

JS HTML DOM شئ دام

JS Browser BOM شئ مرورگر

JS Web APIs رابط های اپی آی وب

JS AJAX آجکس وجاوااسکریپت

JavaScript JSON

JavaScript vs JQuery

JS Graphics گرافیک جاوااسکریپت

JS References فهرست مطالب