jQuery लोड() और

Question

मूर्खतापूर्ण त्वरित प्रश्न संलग्न:

मेरे पास मेरी:

$('#result').load('ajax/test.html'); 

लेकिन क्या अगर मैं #result में मेरी भरी हुई सामग्री सम्मिलित है, लेकिन # करने के लिए इसे पहले जोड़ें नहीं करना चाहते परिणाम, सभी उदाहरण तत्वों को बनाए रखने? क्या यह एक चर बनाने के लिए संभव है, इसे सामग्री के साथ लोड करें और फिर इसे मेरे #result में संलग्न या प्रीपेड करें? मैं कुछ अन्य परिदृश्यों की कल्पना करता हूं जहां मेरे ब्रांड नए चर के साथ मैं इसे डोम में डालने से पहले इसे कुशल बना सकता हूं।

Answer 1

var response; 
$.ajax({ type: "GET", 
    url: "ajax/test.html", 
    async: false, 
    success : function(text) 
    { 
     response= text; 
    } 
}); 
$('#result').prepend('<div>'+response+'</div>'); 

आप की जरूरत है "async: गलत" तो आप प्रतिक्रिया के लिए प्रतीक्षा करें। यदि आप इसके लिए प्रतीक्षा नहीं करते हैं (सामान्य अजाक्स एसिंक्रोनस कॉल) आपके पास अज्ञात समय के लिए एक अपरिभाषित चर होगा, इसलिए यह खतरनाक हो सकता है।

संपादित करें: जैसा कि टिप्पणियां सही कहती हैं, "async: false" का उपयोग करना सामान्य नहीं है और बदसूरत है। आम तौर पर आप प्रतिक्रिया में हेरफेर करेंगे और सफलता कॉलबैक के अंदर इसे डीओएम में डालेंगे। एसिंक का उपयोग केवल तभी जरूरी होगा जब आपको वास्तव में एक वैरिएबल में प्रतिक्रिया की आवश्यकता हो, जो उस चर का उपयोग करने के लिए किसी अन्य चीज की प्रतीक्षा कर रही हो, ऐसा न हो।

$.ajax({ type: "GET", 
    url: "ajax/test.html", 
    success : function(text) 
    { 
     $('#result').prepend('<div>'+text+'</div>'); 
    } 
}); 

Answer 2

एक त्वरित तरीका हो सकता है:

$('#result').append($('<div>').load('ajax/test.html')); 

Answer 3

आप कुछ इस तरह मतलब है?

var content; 
$.get('ajax/test.html', function(data){ 
    content= data; 
    $('#result').prepend(content); 
}); 

कि एक चर पहले में अपने लोड सामग्री बचाता है और आपको हेरफेर कर सकते हैं यह हालांकि आप चाहते हैं।

Answer 4

एक jQuery पोस्ट करो और वांछित div करने के लिए एक vaiable और आगे जोड़ते लिए डेटा लोड

$.post('ajax/test.html', function(data) { 
    $('#result').prepend(data); 
}); 

Answer 5

मुझे लगता है कि यह एक छोटी soluction

$.get("ajax/test.html",function (dados) { $("#result").append(dados);});