加載其他頁面的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); 
    } 
    }); 

錯誤：parseerror（控制檯）

當我在螢火蟲的Net選項卡運行Page2.aspx我來了只能看到空白的下拉菜單。爲什麼它沒有被填滿？我怎樣才能得到填充下拉式Page2.aspx

P.S. ：如果我運行Default.aspx孤立在瀏覽器下拉得到filles

Answer 1

首先，檢查您的ajax響應是否有有效的HTML代碼，並沒有損壞等。由於損壞的html可能會導致不良結果。

接下來，使用$.parseHTML()將字符串轉換爲html對象。

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