2009-10-27 13 views
10

में लोड करने के लिए करें। मैं अजाक्स/jQuery.ajax फ़ंक्शन का उपयोग करके किसी बाहरी पृष्ठ से बाहरी पृष्ठ से एक DIV तत्व लोड करने का प्रयास कर रहा हूं। जबकि मैं सफलतापूर्वक एक संपूर्ण बाहरी पृष्ठ लोड करने में सक्षम हूं, मैं को DIV तत्व लोड नहीं कर सकता।jquery में AJAX() फ़ंक्शन का उपयोग बाहरी पृष्ठ के भाग को div

यहाँ मेरी कोड है:

$("a").click(function() { 
    /* grabs URL from HREF attribute then adds an */ 
    /* ID from the DIV I want to grab data from */ 
    var myUrl = $(this).attr("href") + "#external-div"; 
    $.ajax({ 
    url: myUrl, 
    success: function(html) { 
    /* loads external content into current div element */ 
    $("#current-div").append(html); 
    } 
    }); 
    return false; 
}); 

यह किसी भी मुसीबत के बिना HREF विशेषता पकड़ लेता है, लेकिन यूआरएल को संलग्न नहीं होगा "# बाहरी-div"। कोई विचार? ज्यादा

धन्यवाद!

~ जारेड Crossley

+0

यूआरएल जिस पर आप अनुरोध कर रहे हैं उसे "# बाहरी-div" प्राप्त हो रहा है, लेकिन जो भी बैकएंड आप संपर्क कर रहे हैं वह समझ में नहीं आता है कि आप केवल एक div चाहते हैं। – wambotron

उत्तर

11

तुम सिर्फ वापस जाने के लिए है कि div आप jQuery का load विधि इस्तेमाल कर सकते हैं बस लोड करने के लिए सामग्री

$("a").click(function() { 
    /* grabs URL from HREF attribute then adds an */ 
    /* ID from the DIV I want to grab data from */ 
    var myUrl = $(this).attr("href") + " #external-div"; 
    $("#current-div").load(myUrl); 
    return false; 
}); 

आला अपने #current-div में लौटे jQuery Ajax/load documentation पर एक नजर डालें तो चाहता था

+0

हाय क्विंटिन, आपकी त्वरित प्रतिक्रिया के लिए धन्यवाद। मैं भार विधि का उपयोग नहीं करना चाहूंगा क्योंकि यह किस तरह के प्रभाव श्रृंखला और डेटा प्रबंधन को सीमित कर सकता है, लेकिन अभी यह एकमात्र विकल्प है जिसके बारे में मुझे पता है। आपके उत्तर के लिए दोबारा धन्यवाद। क्या कोई और जानता है कि अजाक्स/jQuery.ajax फ़ंक्शन मुझे बाहरी div लोड करने की अनुमति देगा? – user196986

+0

यह पूरी तरह से सच नहीं है, आप अभी भी लोड विधि के लिए कॉलबैक प्रदान कर सकते हैं और वहां चेनिंग लागू कर सकते हैं, परिदृश्य (कोड के माध्यम से) जो वर्णन किया गया है उससे परे कुछ भी दिखता है। क्या आपने विशेष रूप से कुछ पोस्ट किया है जो आपने पोस्ट किया है जिसे आप पूरा करने की कोशिश कर रहे हैं? –

+0

अच्छा बिंदु। मुझे लगता है कि मेरा सवाल पूरी तरह से पूरा नहीं हुआ था। भार विधि ठीक काम करती है, लेकिन दो अन्य परिदृश्य हैं जिनमें मैं खुद को पा सकता हूं। परिदृश्य 1) ​​मुझे एक्सएमएल डेटा (एचटीएमएल के बजाए) लोड करना पड़ सकता है और/या किसी फॉर्म में पोस्ट कर सकता है। परिदृश्य 2) उपरोक्त उदाहरण के लिए, मैं वर्तमान सामग्री को फीका करना चाहता हूं, नई सामग्री लोड करना चाहता हूं, फिर नई सामग्री में फीका हूं। हालांकि, जैसे ही मैं लोड() विधि को कॉल करता हूं, यह पिछली सामग्री को पूरी तरह से फीका करने के बजाय तत्काल नई सामग्री लोड करता है। अधिक स्पष्ट नहीं होने के लिए मेरी माफ़ी। – user196986

संबंधित मुद्दे