Как получить div от отображения второй страницы на первой странице

Question

На моей странице main.html у меня есть кнопка. Когда эта кнопка нажата, мне нужно получить содержимое другой страницы.

На целевой странице есть пять div, мне нужно поймать один div и отобразить данные div на странице main.html.

Answer 1

Используйте Javascript и JQuery. См http://docs.jquery.com/Manipulation или специально http://docs.jquery.com/Ajax/load

Чтобы быть точным использовать что-то вроде этого:

$("#yourdiv").load("/yourpage.html #section"); 

Answer 2

Пока вторая страница находится на том же домене, вы можете использовать методы AJAX. Например, с помощью Prototype вы могли бы сделать что-то вроде этого:

new Ajax.Request('http://url.of.second/page', { 
    method: 'get', 
    onSuccess: function(transport) { 

    //make a regular expression to grab the required HTML fragment 
    var re = /<div id="otherdiv">(.*)</div>/i; 

    //extract the fragment from transport.responseText 
    var found = transport.responseText.match(re); 

    //add the fragment to targetdiv on current page 
    $('targetdiv').innerHTML=found[1]; 
    } 
}); 

Answer 3

JQuery может сделать это очень элегантно:

<script type="text/javascript" src="/js/jquery/jquery-1.3.2.min.js"></script> 
<script> 
//only when the DOM has been loaded 
$(document).ready(function() { 

    //bind to button id="myButton" click event 
    $('#myButton').click(function() { 

     //populate div id="myDiv" with specific div (div id="someDiv") from another page    
     $('#myDiv').load('/anotherPage.html #someDiv'); 
    }); 
}); 
</script> 

См jQuery Ajax/load

Answer 4

ответ Иржи является пятном на. http://docs.jquery.com/Ajax/load - это точная ссылка jquery. Спасибо Jiri ...