जावास्क्रिप्ट ajax अनुरोध ढांचे

Question

बिना किसी को भी कैसे ajax अनुरोध समारोह है कि jQuery, आदि जैसे एक जावास्क्रिप्ट ढांचे का उपयोग किए बिना पार ब्राउज़र काम करता है बनाने के लिए पता है?

Answer 1

XMLHttpRequest वस्तु वास्तव में यह सब का उपयोग करने के जटिल नहीं है। मोटे तौर पर संगत होना करने के लिए, आप वस्तु बनाने के लिए एक खेल का एक सा खेलने के लिए है, लेकिन बाद कि यह सरल कार्यों के लिए काफी सीधा है।

माइक्रोसॉफ्ट एक क्रॉस-ब्राउज़र तरीका है कि आईई के प्रारंभिक संस्करणों का समर्थन करता है में वस्तु बनाने के लिए एक समारोह सहित MSDN page for XMLHttpRequest पर उदाहरण, है। यहाँ उनके उदाहरण है:

function getXMLHttpRequest() 
{ 
    if (window.XMLHttpRequest) { 
     return new window.XMLHttpRequest; 
    } 
    else { 
     try { 
      return new ActiveXObject("MSXML2.XMLHTTP.3.0"); 
     } 
     catch(ex) { 
      return null; 
     } 
    } 
} 

function handler() 
{ 
    if (oReq.readyState == 4 /* complete */) { 
     if (oReq.status == 200) { 
      alert(oReq.responseText); 
     } 
    } 
} 

var oReq = getXMLHttpRequest(); 

if (oReq != null) { 
    oReq.open("GET", "http://localhost/test.xml", true); 
    oReq.onreadystatechange = handler; 
    oReq.send(); 
} 
else { 
    window.alert("AJAX (XMLHTTP) not supported."); 
} 

मैं सर्वोत्तम प्रथाओं (माइक्रोसॉफ्ट उनके MSDN उदाहरण काफी हद तक बहुत, बहुत अनुभवहीन इंजीनियरों द्वारा लिखित है लगता है) के ऊपर एक मिसाल है सुझाव दे नहीं कर रहा हूँ, लेकिन यह आपको एक प्रारंभिक बिंदु देता है। उदाहरण के लिए, उपर्युक्त की आवश्यकता है कि सफलता की स्थिति सफलता के लिए 200 हो, जहां निश्चित रूप से HTTP विनिर्देश स्पष्ट है कि 200 < = n < = 29 9 रेंज "सफलता" है।

Answer 2

मैं अक्सर आधुनिक ब्राउज़रों में भेजने और केवल json प्राप्त करने के लिए इस विधि का उपयोग (कोई पुराने यानी की)

function aj(method, url, data, cb){ 

    var xhr = new XMLHttpRequest(); 
    xhr.onreadystatechange = readystatechange; 
    xhr.open(method, url); 
    xhr.setRequestHeader('Content-Type', 'application/json'); 
    xhr.send(data && JSON.stringify(data)); 

    function readystatechange(){ 
     if(this.readyState === this.DONE) { 

      switch(this.status){ 
       case 200: 
       if(this.getResponseHeader('Content-Type').split(';')[0] !== 'application/json'){ 
        return cb("unexpected Content-Type: '" + this.getResponseHeader('Content-Type') + "'", null); 
       } 
       return cb(null, JSON.parse(this.response)); 

       case 401: 
       location.href = '/authentication/login'; 
       return; 

       default: 
       return cb("unexpected status: " + this.status + "", null); 
      } 
     } 
    }//readystatechange 
}