दो स्क्रिप्ट को आग लगाने का सही तरीका क्या है: वह जो डेटा लोड करता है और दूसरा स्टाइल का उपयोग करता है? - जावास्क्रिप्ट, AJAX, डोम, जावास्क्रिप्ट-घटनाओं

मैं एक वेबसाइट चला रहा हूं जो गतिशील रूप से लोड करता हैजावास्क्रिप्ट का उपयोग कर रीफ्रेश पर नया शीर्षक। मुझे जिक्र करना चाहिए, मेरी साइट बेहद छोटी है इसलिए मैं उद्देश्य से jQuery या किसी अन्य जेएस पुस्तकालयों का उपयोग करने से बच रहा हूं।

First script loads a JSON file & randomly selects एचटीएमएल में एक प्रविष्टि। दूसरी स्क्रिप्ट "यह प्रयास करने के लिए" प्रयास करती है कि क्या दस्तावेज़ की लम्बाई व्यूपोर्ट के पीछे चलती है, अगर ऐसा होता है। पाठ को संक्षिप्त करें और फिर से जांचें।

ajax.request("GET","file.json"); // works fine
preventScroll.resize(".headline"); // not so much

हालांकि, मैं विश्वसनीय रूप से काम करने के लिए दूसरी स्क्रिप्ट नहीं प्राप्त कर सकता हूं। मैंने खिड़की के माध्यम से दोनों को लोड करने का प्रयास किया है। डाउनलोड करें, मैंने इसे बॉडी टैग के अंत से पहले हीड टैग से ले जाने की कोशिश की है।

प्रश्न में लिपियों

लाइव उदाहरण

मुझे इन लोगों को सही तरीके से कैसे कॉल करना चाहिए ताकि वे हमेशा काम करें?

उत्तर:

जवाब के लिए 2 № 1

आप "अपने में एक सफल हैंडलर का खुलासा नहीं कर रहे हैं ajax "पुस्तकालय"। मैं इन परिवर्तनों को करने का सुझाव दूंगा:

var makeRequest = function(method, url, success) {

फिर समारोह के अंदर:

//...
if (httpRequest.status === ajaxState.isOkay) {
data = httpRequest.responseText;
successHandler(data);
success(); // you could call with more arguments
}

पूरी चीज़ को एक साथ उपयोग करने के लिए:

ajax.request("GET","file.json", function() {
preventScroll.resize(".headline");
});

संबंधित सवाल
सबसे लोकप्रिय