AJAX in Hindi : XMLHttpRequest Object

XMLHttpRequest Object

  • Introduction to XMLHttpRequest Object in Hindi
  • Properties of XMLHttpRequest Object in Hindi
  • Methods of XMLHttpRequest Object in Hindi
  • Creating XMLHttpRequest Object in Hindi

Introduction to XMLHttpRequest Object 

XMLHttpRequest साधारण object की form में एक API है। इसके methods browser और server के बीच data transfer करते है। यह object JavaScript द्वारा provide किया जाता है। इस object का मुख्यः उद्देश्य load हुए page को बार बार modify करना है।

XMLHttpRequest Object AJAX का सबसे महत्वपूर्ण component है। AJAX इस object के बिना काम नहीं कर सकती है। क्योंकि AJAX का सबसे बड़ा feature page को reload किये बिना elements को update करना इसी object द्वारा implement किया जाता है।

सभी modern browser इस object को support करते है। Internet Explorer 5 और 6 ActiveXObject use किया जाता है। Internet Explorer के पुराने versions के लिए भी इसी object को use किया जाता है। बाकी सभी browsers में इस object के लिए built in support आता है।

XMLHttpRequest Object द्वारा data XML, JSON (JavaScript Objection Notation) और plain text के रूप में process किया जा सकता है। इसलिए AJAX बहुत reliable है और widely use की जाती है। यह Object HTTP protocol के अलावा दूसरे protocols के साथ भी काम करता है।


XMLHttpRequest Object Properties

निचे XMLHttpRequest object के साथ available properties के बारे में बताया जा रहा है। 

readyState

यह property XMLHttpRequest Object के current status को store करती है। Status 0 से लेकर 4 तक numbers से define किया जाता है। हर number का मतलब होता है। यह status processing के दौरान बदलता रहता है। 
  • 0 - यह status number बताता है की request अभी initialize नहीं हुई है। 
  • 1 - यह status बताता है की server connection establish हो गया है। 
  • 2 - यह status बताता है की request receive कर ली गयी है। 
  • 3 - यह status बताता है की request process की जा रही है। 
  • 4 - यह status बताता है की request की processing complete हो चुकी है और response send होने के लिए ready है। 

onreadystatechange

XMLHttpRequest object की इस property में उस function का नाम store किया जाता है जो हर बार readyState change होने पर call होगा। 

responseText 

यह property response data को string के रूप में return करती है। इसकी value को आप किसी भी normal JavaScript variable में store करके display करवा सकते है। 

responseXML

यह property response data को XML data के रूप में return करती है। 

status 

यह property status return करती है। यदि request successful नहीं है तो 404 (NOT FOUND) status return करेगा। यदि request successful है तो 200 (OK) return करेगा। 

statusText 

यह property status को text के रूप में return करती है। यदि request successful है तो OK return किया जायेगा नहीं तो NOT FOUND text के रूप में return किया जाएगा। 



XMLHttpRequest Object Methods

XMLHttpRequest Object के साथ available methods के बारे में निचे दिया जा रहा है। 

open(method,URL,Async,UserName,Password) 

यह method XMLHttpRequest Object का सबसे महत्वपूर्ण method है। इसी method द्वारा server से connection establish किया जाता है। इस method में 5 parameter pass किये जाते है। इनके बारे में निचे बताया जा रहा है। 
  • Method - इस parameter से आप connection establish करने के लिए use किया जाने वाला method define करते है। इस parameter में आप GET या POST में से एक value pass करते है। 
  • URL - इस parameter द्वारा server पर store file की location define की जाती है। 
  • Async - इस paramter की value true और false में दी जाती है। इस parameter से आप ये define करते है की data को synchronously access करना है या asynchronously access करना है। 
  • UserName - इस parameter से आप connection establish करने के लिए user name define करते है। 
  • password - इस parameter से आप connection establish करने के लिए password define करते है। 

send(String)

यह method server को request भेजने के लिए use किया जाता है। इस method को POST requests के case में use किया जाता है।

send()

यह method server को request भेजने के लिए use किया जाता है। इस method को GET requests के case में use किया जाता है। 

new XMLHttpRequest()

यह method एक नया XMLHttpRequest object create करता है। 

setRequestHeader() 

यह method send की जाने वाली header में label/value का pair add करता है। 

getResponseHeader()

यह method कोई specific header information return करता है। 

getAllResponseHeaders()

यह method complete header information return करता है। 

abort() 

यह मेथड current request को cancel करता है। 


Creating XMLHttpRequest Object

XMLHttpRequest object करने के लिए आप new XMLHttpRequest() method use करते है इसका general syntax निचे दिया जा रहा है।

var = new XMLHttpRequest();

ऊपर दिए गए syntax में var एक JavaScript variable है जो XMLHttpRequest object को store करेगा। XMLHttpObject create करना निचे उदाहरण द्वारा समझाया जा रहा है।

var xmlHttp = new XMLHttpRequest();

यदि browser Internet Explorer 5 या 6 है तो आप XMLHttpObject इस प्रकार create करेंगे।

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

      DMCA.com Protection Status

 Leave a comment