مثال های کاربردی آجاکس در جاوااسکریپت

سلام خدمت تمامی دوستان و همراهان محترم سایت آموزشی فری لرن ، امیدوارم که حال همگیتون خوب باشه. لطفا در ادامه با مثال های کاربردی آجاکس در جاوااسکریپت با من همراه باشید.

مثال های کاربردی آجاکس در جاوااسکریپت

Free-Learn

مثال های کاربردی آجاکس در جاوااسکریپت

دوستان عزیز خب همونطور که خودتونم میدونید و در جلسات قبلی باید متوجه شده باشید ، آجاکس در جاوااسکریپت چیز خیلی پیچیده و گسترده ای نیست، کلا چنتا متد و ویژگی داره که اونارم باهاش آشنا شدیم.

حال در این جلسه میخوام چندین مثال کاربردی با آجاکس باهمدیگه کار کنیم و دیگه بطور کامل پرونده آجاکس در جاوااسکریپت رو ببندیم.

Free-Learn

دریافت محتوا

مثال شماره ۱ : دریافت محتوای یک فایل text ( فایل متنی )

امتحان کنید

 

مثال شماره ۲ : دریافت محتوای یک فایل HTML

امتحان کنید

Free-Learn

ارسال داده های فرم

مثال شماره ۱ : ارسال داده های فرم ( نام و ایمیل ) به سرور با استفاده از متد GET

امتحان کنید

محتویات فایل get_4.php :

 

مثال شماره ۲ : ارسال داده های فرم ( نام و ایمیل ) به سرور با استفاده از متد POST

امتحان کنید

محتویات فایل get_5.php :

Free-Learn

نمایش پیغام قبل از بارگذاری محتوا

مثال شماره ۱ : میخوایم کاری کنیم که تا قبل از بارگذاری محتوا، یه پیغامی به کاربر نشون بده و مثلا بگه لطفا صبر کنید و از این حرفا.

امتحان کنید

توضیح مثال بالا :

در مثال بالا گفتیم تا قبل از اینکه سرور پاسخ اوکی به ما بده یه پیغام نشون بده که مثلا ” لطفا کمی صبر کنید ” پس این پیغام زمانی نمایش داده میشه که هنوز سرور پاسخ رو ارسال نکرده باشه.

در نتیجه شما ممکنه الان که این مثال رو مشاهده میکنید، هیچ پیغامی بهتون نشون نده، چرا؟ چون سرعت دریافت پاسخ از سمت سرور بالاست و پاسخ به سرعت دریافت و نمایش داده میشود، پس دیگه فرصت نمایش اون پیغام رو نمیده.

ولی اگه میخواید مطمعن شید که واقعا پیغام نمایش داده میشه، خودتون بصورت دستی وضعیت readyState رو تغییر بدید، مثلا اون عدد ۴ رو کنید ۱۰

 

مثال شماره ۲ : نمایش یک تصویر در حال بارگذاری …

امتحان کنید

توضیح مثال بالا :

در مثال بالا گفتیم تا قبل از اینکه سرور پاسخ اوکی به ما بده یه تصویر در حال بارگذاری نشون بده، پس این تصویر زمانی نمایش داده میشه که هنوز سرور پاسخ رو ارسال نکرده باشه.

در نتیجه شما ممکنه الان که این مثال رو مشاهده میکنید، هیچ تصویری بهتون نشون نده، چرا؟ چون سرعت دریافت پاسخ از سمت سرور بالاست و پاسخ به سرعت دریافت و نمایش داده میشود، پس دیگه فرصت نمایش اون تصویر رو نمیده.

ولی اگه میخواید مطمعن شید که واقعا تصویر نمایش داده میشه، خودتون بصورت دستی وضعیت readyState رو تغییر بدید، مثلا اون عدد ۴ رو کنید ۱۰

Free-Learn

دریافت PDF یا پرینت این مطلب