javascript - 在另一个页面的div中加载不同页面的innerhtml

Question

我有一个模板 Details.aspx 页面，其中有一组下拉列表，可在 ajax 调用中填充。我想要所有这些在另一个页面的 div 中填充下拉列表

代码:

$.ajax({
    url: "Details.aspx",
    type: 'GET',
    dataType: "text/html",
    success: function (data) {
        $data = $.parseHTML(data);
        console.log($data);
        $("#divDetails").html($("div #tblRegistration", $data).html());
    },
    error: function (xhr, status) {
        console.log(status);
        console.log(xhr.responseText);
    }
    });

错误:解析错误(在控制台中)

当我在 Firebug 的“网络”选项卡中运行 Page2.aspx 时，我只看到空的下拉列表。为什么它没有被填满？我怎样才能填充Page2.aspx中的下拉列表

附注:如果我在浏览器下拉列表中运行Default.aspx，则会得到填充

Answer 1

首先，检查您的 ajax 响应是否具有有效的 HTML 代码，并且没有损坏等。因为损坏的 html 可能会导致不良结果。

接下来，使用$.parseHTML()将字符串转换为 html 对象。

$data = $.parseHTML(data);
$("#divDetails").html( $("div #tblRegistration",$data).html() );