jquery - 从外部页面加载不同的div

时间:2018-06-07 23:39:10

标签: javascript jquery

我有这段代码,我希望从页面load.php加载此页面中每个div的文本 仅限来自页面load.php的加载请求

以下示例将页面load.php加载两次:(

$('#div1').load('load.php #div1');
$('#div2').load('load.php #div2');

<div id="div1"></div>
<div id="div2"></div>

load.php页面我有代码:

<div id="div1">test to load1</div>
<div id="div2">test to load2</div>

我该怎么做?

1 个答案:

答案 0 :(得分:1)

您可以使用jQuery.get加载php,然后将每个片段插入所需的元素:

$.get({
    url: 'page.php',
    dataType: 'html',
    success: function(response) {
        var html = $($.parseHTML(response));
        $('#div1').text(html.filter('#div1').text());
        $('#div2').text(html.filter('#div2').text());
    }
});

修改/注释如果元素(#div1#div2)位于加载的html的顶层,请使用:html.filter('#div1');否则使用html.find('#div1')选择所需的节点。

有关jQuery.get的更多信息。