Question

在我的main.html页面中，我有一个按钮。单击该按钮时，我需要获取另一个页面的内容。

目标页面有五个div，我需要捕获一个div并在main.html页面中显示div数据。

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

只要第二页位于同一个域中，您就可以使用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 4

Jiri的回答很明显。的 http://docs.jquery.com/Ajax/load 是确切的jquery链接。谢谢Jiri ......

如何从第一页的第二页显示中获取div

4 个答案: