Как получить 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

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 3

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

Answer 4

Пока вторая страница находится в том же домене, вы можете использовать методы 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];
  }
});