2012-06-13 15 views
7

मैं एक अलग साइट पर स्थित एक निश्चित HTML तत्व का HTML कैसे प्राप्त कर सकता हूं?AJAX के साथ किसी भिन्न पृष्ठ से div का HTML कैसे प्राप्त करें?

समाधान:

$.ajax({ 
url: 'somefile.html', 
success: function(data) { 
    data=$(data).find('div#id'); 
    $('#mydiv').html(data); 
    alert('Done.'); 
} 
}); 
+0

"एक और पृष्ठ" से, क्या आपका मतलब आपके अपने पृष्ठों में से एक है? या एक पूरी तरह से अलग वेबसाइट से एक पृष्ठ? – kevin628

+0

बहुत ही असंभव ... जब तक यह वही वेबपैप/साइट नहीं है, तो यह स्पष्ट सुरक्षा कारणों के लिए असंभव हो सकता है –

+1

[आपने क्या प्रयास किया है?] (Http://whathaveyoutried.com) – sczizzo

उत्तर

4

, एक php या किसी अन्य फाइल करने के लिए एक ajax कॉल करें पेज आप चाहते हैं हड़पने के लिए कर्ल या अन्य उपकरणों का उपयोग और div निकालने और यह गूंज और फिर जब तुम एचटीएमएल वापस पाने के लिए सिर्फ एक के अंदर रख दिया अपने पृष्ठ में div

$.ajax({ 
    url: 'somefile.html', 
    success: function(data) { 
        data=$(data).find('div#id'); 
     $('#mydiv').html(data); 
     alert('Done.'); 
    } 
    }); 
+0

ऐसे लंबे कोड का उपयोग क्यों करें जब इसे jQuery – gopi1410

+0

में सिंगल लाइन कोड द्वारा किया जा सकता है, बस उसे अपने सभी विकल्पों को बताने दें। सीखना कर्ल कई मामलों में निश्चित रूप से सहायक है। – user1415567

+0

यह काम नहीं करता है –

13

आप एक संलग्न कंटेनर

.load() विधि के साथ $.load उपयोग कर सकते हैं, $ .Get() के विपरीत, के एक हिस्से को निर्दिष्ट करने के लिए हमें की अनुमति देता है रिमोट दस्तावेज़ डालने के लिए।

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

ये रहा: वर्ग के लिए

$('#div_id_in_your_page').load('ajax_page.html #required_div'); 

:

$('.div_class_in_your_page').load('ajax_page.html #required_div'); 
+0

चयनकर्ता के लिए आपको अपने यूआरएल स्ट्रिंग में एक स्पेस चाहिए। – Mathletics

+0

@ मैथलेटिक्स। आप इसे आसानी से ठीक कर सकते हैं। – gdoron

+0

ओप्स ने इसे @gdoron धन्यवाद दिया था :) – gopi1410

0

आप भी इस तरह उपयोग कर सकते हैं।

$.ajax({ 
    url:"page2.html", 
    success:function(response){ 
     $("#currentDIV").html(response); 
    },error:function(){ 
     alert("error"); 
    } 
}); 
1

एक ही रास्ता है:

  • एक सर्वर साइड स्क्रिप्ट

  • इस स्क्रिप्ट दूरस्थ पेज को हासिल करेगा और एक प्रतिक्रिया के रूप एचटीएमएल रिटर्न के लिए एक ajax कॉल भेजें। (आमतौर पर JSON को प्राथमिकता दी जाती है)

  • आपका पृष्ठ अंत में HTML तक पहुंच प्राप्त करता है।

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