2009-05-14 12 views
7

यहअजाक्स संलग्न लोड

मैं में 6 div के साथ फ़ाइल text.html है jQuery होना चाहिए (ए, बी, सी, डी, ई, एफ)

अन्य फ़ाइल में मैं एक div है , मुझे यह एक div +12 + c + d + e + f की सामग्री को उस एकल div

मैंने कोशिश की है .load = लेकिन b को रीप्लेस करें मैंने संलग्न करने का प्रयास किया है, लेकिन मुझे एक temp var की आवश्यकता है

तो अब मैं

पर अटक गया हूँ

कि कोड फ़ाइल textes.html ... div #a से सामग्री प्राप्त और div #right में सामग्री डाल दिया, लेकिन दूसरे Libe REMPLACE संलग्न करने के लिए ख

सही एक अधिकार के साथ की सामग्री मुझे पसंद है सामग्री ए + बी नहीं एक से अधिक ख

$(document).ready(function(){ 
var temp = load('textes.html #nicolas'); 
$('#right').append(temp); 
var temp = load('textes.html #antoine'); 
$('#right').append(temp); 
. 
. 
. 
. 

return false; 
}); 

कि कोड क्या काम करना चाहिए के पीछे विचार यह है, लेकिन मैं एक ajax .load() div करने के लिए सामग्री संलग्न करने के लिए एक चर में सामग्री लोड करने नहीं कर सकता। ..

<script type="text/javascript"> 
$(document).ready(function(){  
$.ajax({ 
    url: "textes.html", 
    cache: false, 
    success: function(html){ 
    $("#right").append(html); 
    } 
}); 
}); 
</script> 

वह कोड डब्ल्यू लोड करता है होली एचटीएमएल फ़ाइल, मुझे केवल कुछ चयनित DIV #

उत्तर

15
$(document).ready(function(){  
    $.get("textes.html",function(data){ 
     $("#right").append($("#nicolas",data)).end().append($("#antoine",data)); 
    },'html');  
}); 
+0

परिणाम: कुछ नहीं .. खाली! – menardmam

+0

यदि तथ्य है कि आपके पास। Var() सामग्री को var में प्राप्त करने के लिए एक आसान तरीका है, तो मैं उस var में सबकुछ जोड़ दूंगा और इसे अंत में div में धक्का दूंगा! – menardmam

+0

मार्क, .load() असीमित है ताकि आप इसे जिस तरह से कोशिश कर रहे हैं उसे कॉल न कर सकें।मैंने उस कोड का परीक्षण नहीं किया, लेकिन यह वही तरीका है। .load() सिर्फ $ .get के आसपास एक रैपर है जो $ .ajax के आसपास एक रैपर है http://docs.jquery.com/Ajax –

0

यह jQuery की तरह लगता है? कृपया बताएं कि आप किस ढांचे का उपयोग कर रहे हैं क्योंकि मैं वास्तव में इसका कोई उल्लेख नहीं देख सकता हूं। वैसे भी, काम करना चाहिए काम करना चाहिए। बस कुछ ऐसा करें:

mydiv.append(a.text()); 
mydiv.append(b.text()); 
mydiv.append(c.text()); 
mydiv.append(d.text()); 
mydiv.append(e.text()); 
mydiv.append(f.text()); 

उन्हें सभी को mydiv में जोड़ा जाना चाहिए। नोट: यदि आप एचटीएमएल भी चाहते हैं, तो .text() के बजाय .html() फ़ंक्शन का उपयोग करें।

+0

div है कि वह डेटा लोड करने में एक और html फ़ाइल में है तो यह काम नहीं करेगा चाहता है यही कारण है कि मेरी पहली stackoverflow पोस्ट है। –

-1

JQuery (http://jquery.com/) एक अच्छी जावास्क्रिप्ट लाइब्रेरी है जिसे आप अन्य फ़ाइल प्राप्त करने के लिए AJAX अनुरोध करने के लिए उपयोग कर सकते हैं। अधिक जानकारी के लिए इस सवाल का देखें: Use jQuery to replace XMLHttpRequest

5

मैं बस अब एक ऐसी ही मुद्दा था और मुझे लगता है कि मैं क्या हम .load() फ़ंक्शन का उपयोग करना चाहते हैं करने के लिए एक तरीका खोज निकाला। यह सुंदर नहीं है लेकिन कभी भी दिमाग नहीं है;)

सबसे पहले, मैंने अपने एचटीएमएल में "दृश्यता: छिपी हुई" शैली के साथ एक "TempDiv" जोड़ा।

<div id="TempDiv" style="visibility:hidden"></div> 

तो फिर तुम jQuery चलाएँ:

$(document).ready(function(){ 
     $('#TempDiv').load('textes.html #nicolas', function(){ 
      $('#right').append($('#TempDiv').html()); 
     }); 

    }); 

मुझे यकीन है कि यह सबसे अच्छा तरीका है नहीं कर रहा हूँ!

पुनश्च:;)

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