ای اے ایکس معرف

AJAX، کیونکہ آپ کرسکتے ہیں، مصنفوں کا خواب تھا:

  • صفحہ تازہ نہ کرکے ویب پیج اپدیت کرنا
  • صفحہ لوڈ کے بعد سرور سے اعدادوشمار طلب کرنا
  • صفحہ لوڈ کے بعد سرور سے اعدادوشمار حاصل کرنا
  • پس منظر میں سرور کو اعدادوشمار بھیجنا

ای اے ایکس مثال

ایک کلک کریں، اس پیج کو بغیر صفحہ تازہ کرنے سے Ajax کے ذریعے اس متن کو تبدیل کریں:

خود کا تجربہ کریں

AJAX مثال تفسیر

HTML پیج

<!DOCTYPE html>
<html>
<body>
<div id="demo">
  <h2>AJAX کے ذریعے اس متن کو تبدیل کریں</h2>
  <button type="button" onclick="loadDoc()">متن کو تبدیل کریں</button>
</div>
</body>
</html>

یہ HTML پیج ایک <div> اور ایک <button> شامل ہے.

<div> سرور سے آئی معلومات کو نمائش کرنے کے لئے استعمال کیا جاتا ہے.

<button> فنکشن کو بندھن (جب یہ کلک کیا جاتا ہے).

یہ فنکشن ویب سرور سے اعدادوشمار طلب کرتا ہے اور اس کو نمائش کرتا ہے:

Function loadDoc()
function loadDoc() {
  var xhttp = new XMLHttpRequest();
  xhttp.onreadystatechange = function() {
    if (this.readyState == 4 && this.status == 200) {
     document.getElementById("demo").innerHTML = this.responseText;
    }
  };
  xhttp.open("GET", "ajax_info.txt", true);
  xhttp.send();
}

ما AJAX کیا ہوتا ہے؟

AJAX = Aسینکرونز جوا And XML.

AJAX ایک پروگرامنگ زبان نہیں ہے۔

AJAX صرف یہ کہا جاتا ہے:

  • بیکریو سروئر سے درخواست کرانے والا درج کیا ہوا XMLHttpRequest آوبجیکٹ
  • جسٹا اسکریپٹ اور ایچ تی ایم ڈوم (نشان یا استعمال دیتا)

AJAX ایک مندرج نام نہیں ہے۔ Ajax ایک ایپلی کیشن جو اعداد و شمار XML کے ذریعے منتقل کرسکتا ہے، لیکن نئی دوسری دفعات کا استعمال بھی عام ہوتا ہے، جو صرف ٹیکسٹ یا JSON ٹیکسٹ کے طور پر منتقل کرسکتا ہے

AJAX، ویکس پچھلے ویکس کے علاقے میں ویکس سرور کے ساتھ تبادلہ کردینا بذریعہ غیر متعدد اپدیت کرسکتا ہے۔ یہ یعنی ویکس کا حصہ اپدیت کرسکتا ہے، جبکہ پورا پیج دوبارہ لوڈ نہیں کیاجاتا

AJAX کس طرح کام کرتا ہے

AJAX
  1. وеб پیج میں ایک ایونٹ ہوتا ہے (پیج لوڈ، بٹن کا کلک)
  2. جسٹا اسکریپٹ کے ذریعے XMLHttpRequest آوبجیکٹ بنایا جاتا ہے
  3. XMLHttpRequest آوبجیکٹ سرور سے درخواست بھیجتا ہے
  4. سرور کی جانب سے درخواست کو ہلکا لیتا ہے
  5. سرور پیج پر جواب بھیجتا ہے
  6. جسٹا اسکریپٹ کے ذریعے جواب پڑھا جاتا ہے
  7. جسٹا اسکریپٹ کے ذریعے صحیح کارروائی انجام دی جاتی ہے (مثلاً پیج اپڈیٹ کرنا)