‎‎مقدمه آجاكس جاوااسكريپتAJAX Introduction -‎

Previous >    <Next  

‎AJAX‎يك رويائي براي توسعه دهنده است، زيرا شما ميتوانيد:

‎‎مثال ـAJAX

AJAX Example

Let AJAX change this text

--(go to editor for change code and run)

‎‎تشريح مثالAJAX

‎‎كدHTML صفحه مطابق زير است :

‎ 
<html>
<body>

<div id="demo">
  <h2>Let AJAX change this text</h2>
  <button type="button" onclick="loadDoc()">Change Content
</div>

</body>

‎‎صفحهHTML شامل يك بحش ‎<div>‎ ويك ‎<button>‎ است .

‎بخش‎<div>‎ براي نمايش اطلاعات ازيك سرور است .ودكمه باتن در صورتيكه كليك شود ‎يك تابع را فراخوان ميكند.

‎‎تابع داده ها را ازيك وب سرور درخواست كرده وآن را نمايش مي دهد.

‎‎تابع‎loadDoc( )‎ مطابق زيراست

‎ 
function loadDoc() {
  const xhttp = new XMLHttpRequest();
  xhttp.onload = function() {
    document.getElementById("demo").innerHTML = this.responseText;
    }
  xhttp.open("GET", "ajax_info.txt", true);
  xhttp.send();
}

‎‎آجكس چيست‎What is AJX?‎

‎كلمهAJAX مخفف ‎ Asynchronous JavaScript And XML‎ ‎است .كه بمعني جاوااسكريپت ناهمزمان وXML است .آن يك زبان برنامه نويسي نيست .

‎‎آجكس فقط استفاده ازتركيب موارد زيراست:

‎

AJAX‎نامي گمراه كننده است .كاربرد آن ممكن است براي انتقال داده ها باشد، اما انتقال داده ‎بصورت متن ساده ويا مشابه آنچه كه كه درJSON رايج است باشد .

‎آجكس اين امكان را ميدهد كه پشت صحنه با تبادل داده با وب سرور بطور ناهمزمان ، صفحه را بروز ‎رساني كند .اين بدين معني است كه امكان بروز رساني بخش هائي از صفحه وب، بدون بارگيري مجدد ‎وجود دارد.

‎‎آجكس چطور كار ميكند

AJAX

    ‎
  1. ‎‎يك رويداد در يك صفحه وب كه بارگيري شده با كليك دكمه اي رخ ميدهد.
  2. ‎‎يك شئXMLHttpRequest توسط جاوااسكريپت ايجاد ميشود .
  3. ‎‎شئXMLHttpRequest درخواستي را به وب سرور ارسال ميكند.
  4. ‎‎وب سرور درخواست را پردازش ميكند.
  5. ‎‎سرور جواب درخواست را به صفحه وب برميگرداند.
  6. ‎‎جواب برگشتي بوسيله جاوااسكريپت خوانده ميشود.
  7. ‎‎اقدام مناسب‎)‎ مشابه بروز رساني صفحه ‎(‎ توسط جاوااسكريپت انجام ميشود .
    8. ‎

    ‎Modern Browsers (Fetch API)‎

    ‎‎استفادهFetch API در مرورگرهاي مدرن

    ‎مرورگرهاي مدرن ميتوانند بجاي شئXMLHttpRequest از Fetch API استفاده نمايند .اگر از شئ ‎فوق استفاده ميكنيد، كار آنراFetch API ميتواند بفرم ساده تر انجام دهد .

    ‎‎رابطFetch API به مرورگر وب اجازه ميدهد تا درحواستهاي HTTP را به سرورهاي وب ارسال كند .

    Previous >    <Next