如何更改.load（）頁面的標題，並在jQuery中加載新頁面的標題

Question

我對​​和$.ajax感到困惑。我在我的index.html以下jQuery代碼：

$('.load_ext').click(function(e) {  
    var url = $(this).attr("href"); 
    parentContainer.append($(document.createElement("div")).load(url + ' #content_to_load').html('<p class="loading">Loading&#8230;</p>').hide().fadeIn('slow')); 
}) 

和HTML：從test.html（標識#content_to_load的內容）

<a href="test.html" class="load_ext">test</a> 

在上面的例子中，我加載部分內容。我也想抓住那個test.html頁面的標題，並用那個頁面替換index.html標題頁。

我試着做喜歡的事：

var url = $(this).attr("href"); 
parentContainer.append($(document.createElement("div")).load(url + ' #content_to_load', function() { 
    console.log($(document).attr('title')); 
}).html('<p class="loading">Loading&#8230;</p>').hide().fadeIn('slow')); 

沒有任何的運氣。它給了我當前的頁面標題。我該如何取代標題：

$('title').text(newPageTitle); 

謝謝！

---

編輯： 感謝@Jeff謝弗，@dystroy和@zeroflagL我設法解決這個問題。這裏是改變的代碼：

var url = $(this).attr("href"); 
parentContainer.append($(document.createElement("div")).load(url + ' #content_to_load', function(responseText) { 
    var title = responseText.match(/<title>([^<]*)/)[1]; 
    document.title = title; 
}).html('<p class="loading">Loading&#8230;</p>').hide().fadeIn('slow')); 

Answer 1

您可以通過responseText的獲取新頁面的標題：

.load(url + ' #content_to_load', function(responseText) {

repsonseText is litera lly文本，但是，頁面的源代碼。例如，您可以使用正則表達式來提取標題test.html。然後你可以改變標題document.title = newTitle。

Answer 2

試試這個代碼更改頁面標題

document.title = newPageTitle; 

希望它有助於

Answer 3

load的主要問題在於，jQuery在構建DOM片段時剝去了什麼不是主體。你可以用它來獲取一個遙遠的頁面的標題：

$.get(url, function(html){ 
    var matches = html.match(/<title>([^<]*)/); 
    if (matches.length>0) { 
     var title = matches[1]; 
     document.title = title; 
    } 
}); 

注意，如果遙遠的頁面是從不同的來源和不明確允許跨域請求，這將無法正常工作。