advertise laitec sharif univercity
پروژه پایانی PHP وب سایت فروشگاه کامپیوتری

پروژه پایانی PHP وب سایت فروشگاه کامپیوتری

68000 تومان
دانلود پروژه مهندسی نرم افزار ، نمایندگی ایران خودرو

دانلود پروژه مهندسی نرم افزار ، نمایندگی ایران خودرو

10000 تومان
سیستم اتوماسیون دهیاری ، پروژه مهندسی نرم افزار

سیستم اتوماسیون دهیاری ، پروژه مهندسی نرم افزار

10000 تومان
پروژه کامل مدیریت شرکت نرم افزاری با سی شارپ و SQL

پروژه کامل مدیریت شرکت نرم افزاری با سی شارپ و SQL

38000 تومان
دانلود برنامه هشت وزیر با جستجوی عمقی در سی شارپ

دانلود برنامه هشت وزیر با جستجوی عمقی در سی شارپ

10000 تومان

ajax چگونه کار میکند؟

AJAX استانداردهایی دارد که توسط توسعه دهندگان به مدت چندین سال استفاده شده اند. چگونگی استفاده از این استانداردها و نیز چگونگی ارسال درخواست بوسیله آژاکس و پاسخ از طرف سرور را در این بخش خواهیم دید
ajax چگونه کار میکند؟

 AJAX استانداردهایی دارد که توسط توسعه دهندگان به مدت چندین سال استفاده شده اند. چگونگی استفاده از این استانداردها و نیز چگونگی ارسال درخواست بوسیله آژاکس و پاسخ از طرف سرور به این صورت است:

 AJAX - ایجاد یک شی XMLHttpRequest

گامی مهم از AJAX، شی ء XMLHttpRequest است. همه مرورگرهای مدرن این شی را ساپورت میکنند ( IE5 و IE6 از ActiveXObject استفاده میکنند) . شی XMLHttpRequest برای تبادل اطلاعات با سرور در پشت صحنه استفاده میشود، این یعنی ممکن است بخش هایی از یک صفحه وب بدون بارگذاری مجدد کل صفحه، به روز رسانی شوند. 

تمام مرورگرهای مدرن (+IE7 ، فایرفاکس، کروم، سافاری و اپرا) یک شی XMLHttpRequest توکار دارند. دستور ایجاد این شی بصورت زیر است:

variable=new XMLHttpRequest();

 

نسخه های قدیمی اینترنت اکسپلورر  (IE5 و IE6) از شی ActiveX استفاده میکنند:

variable=new ActiveXObject("Microsoft.XMLHTTP");

 

برای مدیریت تمام مرورگرهای مدرن ، از جمله IE5 و IE6 ، چک کنید که اگر مرورگر از شی XMLHttpRequest  حمایت میکند، شی XMLHttpRequest  را ایجاد کنید، وگرنه شی ActiveX ایجاد کنید:

var xmlhttp;
if (window.XMLHttpRequest)
  {// code for IE7+, Firefox, Chrome, Opera, Safari
  xmlhttp=new XMLHttpRequest();
  }
else
  {// code for IE6, IE5
  xmlhttp=new ActiveXObject("Microsoft.XMLHTTP");
  }

 

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

برای ارسال درخواست به سرور ما از متدهای ()open و ()send از شی XMLHttpRequest  استفاده میکنیم:

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

 

• تابع (open(method,url,async :

نوع درخواست و url را تعیین میکند و اینکه درخواست به صورت غیر همزمان به کار گرفته شود یا نه.

method : نوع درخواست: GET یا POST

URL : محل فایل بر روی سرور

true : async (آسنکرون) یا false (همزمان)

 

• تابع (send(string :

درخواست را برای سرور میفرستد.

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

 

GET یا POST ??

GET ساده تر و سریع تر از POST است، و می تواند در بسیاری از موارد استفاده شود. با این حال در موارد زیر از POST استفاده کنید:

• فایل ذخیره سازی یک گزینه نیست ( به روز رسانی یک فایل یا پایگاه داده بر روی سرور)

• ارسال مقدار زیادی از داده ها به سرور (POST محدودیت اندازه ندارد)

• ارسال ورودی کاربر ( که میتواند شامل حروف ناشناخته باشد) ، POST خیلی قوی تر و امن تر از GET است.

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

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

 

اگر میخواهید برای ارسال اطلاعات از روش GET استفاده کنید، اطلاعات را به URL اضافه کنید :

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

 

یک درخواست POST :

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

 

URL - فایلی روی سرور :

پارامتر url از تابع ()open ، آدرس فایلی روی سرور میباشد. فایل میتواند از هر نوعی مثل txt. و xml. یا فایل های اسکریپت نویسی سرور مانند asp. و یا php. باشد (که میتواند اقداماتی روی سرور قبل از بازگرداندن پاسخ انجام دهد.)

 

آسنکرون - true یا false : 

AJAX مخفف Asynchronous JavaScript and XML است و برای اینکه شی XMLHttpRequest  بعنوان AJAX عمل کند ، باید پارامتر async در متد ()open بصورت true تنظیم شود. ارسال درخواست ناهمزمان بهبود عظیمی برای توسعه دهندگان وب است. بسیاری از وظایفی که بر روی سرور اجرا میشوند بسیار وقت گیر هستند. قبل از ajax، این عملیات میتوانست منجر به متوقف شدن و یا هنگ کردن برنامه شوند.

با AJAX، لازم نیست جاوا اسکریپت منتظر پاسخ سرور بماند، میتواند به جای آن:

• در حالیکه منتظر پاسخ سرور است، دیگر اسکریپت ها را اجرا کند

• زمانیکه پاسخ آماده شد، با پاسخ مقابله کند

 

 AJAX - پاسخ سرور

برای دریافت پاسخ از سرور، از صفت responseText یا responseXML از شی XMLHttpRequest  استفاده کنید. 

• responseText : اطلاعات پاسخ را به عنوان یک رشته برمیگرداند و شما میتوانید بر این اساس از آن استفاده کنید: 

document.getElementById("myDiv").innerHTML=xmlhttp.responseText;

 

• responseXML : اگر پاسخ دریافتی از سرور XML است و شما میخواهید آنرا بعنوان یک شی XML تجزیه کنید از این صفت استفاده کنید : 

xmlDoc=xmlhttp.responseXML;
txt="";
x=xmlDoc.getElementsByTagName("ARTIST");
for (i=0;i
  {
  txt=txt + x[i].childNodes[0].nodeValue + "
";

  }
document.getElementById("myDiv").innerHTML=txt;

 

 

 



0
نظرات

نظر خود را ارسال کنید



نام:
ایمیل:
دیدگاه:
captcha
کد امنیتی :


advertise
نحوه کارکرد آژاکس ajax در وب سایت های php و aspآژاکس چگونه کار میکند؟ajax requestچگونگی ارسال درخواست با ajaxAJAX XMLHttpاستاندارد های آژاکس چیست؟درخواست های آژاکس چگونه ارسال میشوندHow AJAX Worksارسال درخواست به سرور توسط ajaxتبلیغات ارزان سایت آموزش برنامه نویسیتبلیغات مخصوص طراحان وب سایتتبلیغات در سایت برنامه نویسیتبلیغات اینترنتی برای برنامه نویساندر آغوش مینیمالیسممنوی همبرگر با سه خط افقی که روی یکدیگر قرار گرفته اند نشانه چیست؟ سوئیچ به یک ستون واحدتبدیل متن ساده به وبلاگ و سایت های پویا با React.jsکتابخانه sass برای استفاده آسان تر از آنکتابخانه سطح بالا برای اتوماتیک سازی اعمال مرورگر لیست برچسب ها
تمامی حقوق این سایت اعم از محتوی ، تصاویر ، قالب و ... متعلق به گروه مهندسی وب سایت سورس کد می باشد.
SourceCodes.ir ، افقی روشن برای برنامه نویسان ، از مبتدی تا حرفه ای

پیشنهادات ویژه سورس کد

پکیج ویژه پروژه پایانی رشته کامپیوتر دانلود مجموعه 70 پروژه کاربردی سی شارپ وب سایت فروشگاه با php