اے جی اكس - معرف
- پچھلے پینج وئب جیو لوکیشن اپ آئی
- بعد کا پینج اے جی ایکس ایم ایل
AJAX کا تصور ناقص نہیں کیوں کہ آپ سکھ سکتے ہیں:
- صفحہ کو تازہ نہ کرکے ویب پیج تازہ کرنا
- صفحہ لوڈ کے بعد سروئر سے اعداد و شمار مانگنا
- صفحہ لوڈ کے بعد سروئر سے اعداد و شمار حاصل کریں
- پس منظر میں سروئر کو اعداد و شمار بھیجنا
AJAX مثال تفسیر
ایچ تی ایم ال پیج
<!DOCTYPE html> <html> <body> <div id="demo"> <h2>AJAX سے اس متن کو تبدیل کریں</h2> <button type="button" onclick="loadDoc()">متن کو تبدیل کریں</button> </div> </body> </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 = اےسینکرونئس ججاوا اسکریپٹ اےاینڈ ایکسای ایم ال.
اے جی ایکس ایک پروگرامنگ زبان نہیں ہے۔
اے جی ایکس صرف یہ کہا جاتا ہے:
- بائروئر میں دربند اے جی ایکس ایم ایل اوبجیکٹ (دوروز سرور سے درخواست کی جاتی ہے)
- جسٹاگرام اور ہیٹل ڈوم (نمائش یا استعمال اعداد و شمار)
اے جی ایکس کا نام کافی بلااستفاده ہے۔ اے جی ایکس ایپلیکیشن جی ایکس کا استعمال کرسکتا ہے، لیکن جی ایکس کے علاوہ خالص ٹیکسٹ یا جی ایکس این جی کا استعمال بھی عام ہے۔
اے جی ایکس اس کی طرح پیج کو غیر سلسلوی طور پر اپدیٹ کر سکتا ہے، یعنی پیج کا جزو اپدیٹ کرسکتا ہے، بیٹھ کر پورا پیج لوڈ نہیں کرنا پڑتا۔
اے جی ایکس کس طرح کام کرتا ہے
- پیج میں ایک ایونٹ ہونا (پیج لوڈ، بٹن کلک)
- جسٹاگرام کے ذریعے اے جی ایکس ایم ایل اوبجیکٹ بنایا جاتا ہے
- اے جی ایکس ایم ایل اوبجیکٹ سرور پر درخواست بھیجتا ہے
- سرور کے ذریعے درخواست کو ہلکا لگایا جائے گا
- سرور جواب کو پیج واپس بھیجے گا
- جسٹاگرام کے ذریعے جواب پڑھنا
- جسٹاگرام کے ذریعے صحیح کارروائی کا نفاذ (مثلاً پیج اپڈیٹ کرنا)
- پچھلے پینج وئب جیو لوکیشن اپ آئی
- بعد کا پینج اے جی ایکس ایم ایل
