جلسه سوم آموزش Ajax – ارسال درخواست به سرور در ای جکس

0 دیدگاه

جلسه سوم آموزش Ajax – ارسال درخواست به سرور در ای جکس

سلام. توی این مطلب میخوایم به دوستان عزیز سورس باران جلسه سوم آموزشی Ajax رو ارائه بدیم. که با ارسال درخواست به سرور در ای جکس ، درخواست های Get ، درخواست های POST و یک فایل بر روی سرور آشنا خواهید شد . از وب سایت آموزش برنامه نویسی سورس باران با شما خواهیم بود. ای جکس (Ajax)، مجموعه‌ای از استانداردها و فناوری‌های وب است که به کمک آنها می‌توان برنامه‌هایی مبتنی بر وب تولید کرد که به آسانی با کاربران تعامل داشته باشند. با استفاده از این فناوریها و با کمک انتقال تکه‌های کوچک داده و اطلاعات از رایانهٔ خادم (Server)، صفحات وب از حالت منفعل خارج می‌شوند و واکنشهایی مناسب با رویدادها انجام می‌دهند. ای‌جکس معماری جدیدی برای برنامه‌های تحت وب است، که با سرعت بسیار زیادی در حال گسترش بوده، و کمتر کاربر اینترنت است که هنوز گذرش به یکی از صفحاتی که با این معماری ساخته شده‌اند نیفتاده، و از قابلیت‌های فوق‌العاده آن بهره‌مند نشده باشد. شروع جلسه سوم آموزش Ajax – ارسال درخواست به سرور در ای جکس در ادامه مطلب…

جهت مشاهده جلسه سوم آموزش Ajax – ارسال درخواست به سرور در ای جکس به ادامه مطلب مراجعه نمایید.

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

از آبجکت XMLHttpRequest برای تبادل داده با سرور استفاده میشود. به منظور ارسال درخواست به سرور ، از متد های Send() و Open() آبجکت XMLHttpRequest استفاده می کنیم.

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

1 2	xmlhttp.open("GET","ajax_info.txt",true); xmlhttp.send();

Open (method,url,async)

نوع درخواست و Url را تعیین می کند. و مشخص میکند آیا درخواست باید به شکل غیرهمزمان (async) مدیریت شود یا خیر.

Send(string)

درخواست را برای سرور ارسال میکند.

string : فقط برای درخواست های POST استفاده می شود.

POST یا GET ?

برای مدیریت و استفاده از تمامی مرورگرهای مدرن، مانند IE5 و IE6 ابتدا چک کنید که آیا بروزِر یا همان مرورگرتان از آبجکت XMLHttpRequest پیشتیبانی می کند یا خیر؟ اگر پیشتیبانی می کند یک آبجکت XMLHttpRequest و اگر خیر، یک ActiveXObject.

درخواست های Get :

xmlhttp.open("GET","demo_get.asp",true);
xmlhttp.send();

1 2	xmlhttp.open("GET","demo_get.asp",true); xmlhttp.send();

دمو

در مثال بالا ممکن است با یک نتیجه cashed شده مواجه شوید. برای جلوگیری از این حالت یک ID خاص به URl اضافه کنید.

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

1 2	xmlhttp.open("GET","demo_get.asp?t=" + Math.random(),true); xmlhttp.send();

دمو

اگر مایلید که اطلاعات را توسط متد GET ارسال کنید اطلاعات را به URL اضافه کنید.

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

1 2	xmlhttp.open("GET","demo_get2.asp?fname=Henry&lname=Ford",true); xmlhttp.send();

دمو

درخواست های POST :

یک درخواست POST ساده :

xmlhttp.open("POST","demo_post.asp",true);
xmlhttp.send();

1 2	xmlhttp.open("POST","demo_post.asp",true); xmlhttp.send();

دمو

برای POST کردن داده ها در فرم یک HTML یک هدر HTTP توسط setRequestHeader() اضافه کنید. داده هایی را که مایل به ارسالشان هستید را در متد send() تعیین کنید.

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

xmlhttp.open("POST","ajax_test.asp",true);

xmlhttp.setRequestHeader("Content-type","application/x-www-form-urlencoded");

xmlhttp.send("fname=Henry&lname=Ford");

دمو

Url – یک فایل بر روی سرور :

پارامتر url در تابع Open() ، آدرس یک فایل بر روی سرور است.

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

1	xmlhttp.open("GET","ajax_test.asp",true);

فایل میتواند از هر نوعی مثل .txt و .Xml و یا فایل های اسکریپت نویسی سرور مانند Asp و یا Php باشد. که میتواند قبل از بازگرداندن پاسخ اقداماتی روی سرور انجام دهد.

به این مطلب امتیاز دهید

راستی! برای دریافت مطالب جدید در کانال تلگرام یا پیج اینستاگرام سورس باران عضو شوید.

نظرات

صابر بوستانی

داستان من با دنیای برنامه‌ نویسی آغاز شد، و در ادامه به عنوان یک توسعه‌ دهنده نرم‌ افزار، طراح وب سایت و متخصص سئو، مهارت ‌های تکنیکی و تحلیلی خودم رو پرورش دادم. علاقه م به دنیای مالی منو به سمت یادگیری ترید و معامله‌گری سوق داد. و در حال حاضر در برنامه نویسی و معامله گری ارز دیجیتال انجام میدم. از سال 96 سعی کردم معامله گری در کریپتو رو یاد بگیرم. ترید و معامله گری برام پر از چالش و شکست‌ های متعدد بود. اما هر شکست، درسی ارزشمند برام داشت و من رو به یک تریدر و معامله گر قوی‌ تر و هوشمندتر تبدیل کرد. با پشتکار و یادگیری مداوم، تونستم به موفقیت‌های قابل توجهی دست یابم و به معامله گری موفق تبدیل بشم. در اینجا بزرگترین تجربیات و مهمترین دانش خودم رو در اختیار شما قرار میدم تا در مدت زمان کوتاه تر و شکست های کمتر در این مسیر به موفقیت برسید.

پکیج آموزش پیشرفته ASP.NET Core + طراحی فروشگاه اینترنتی

انتشار: ۳۱ مرداد ۱۳۹۴

جلسه سوم آموزش Ajax – ارسال درخواست به سرور در ای جکس

جهت مشاهده جلسه سوم آموزش Ajax – ارسال درخواست به سرور در ای جکس به ادامه مطلب مراجعه نمایید.

صابر بوستانی

دسته بندی موضوعات

آخرین محصولات فروشگاه

نظرات

بازخوردهای خود را برای ما ارسال کنید

لغو پاسخ

مطالب مرتبط