從另一頁加載Div內容

我想用javascript ajax從另一個頁面加載div內容（該頁面在另一個運行在tomcat中的項目中）。從另一頁加載Div內容

var xhr = new XMLHttpRequest(); 
xhr.open('GET', 'http://localhost:8080/prob-services/clogin#login_page'); 
xhr.onload = function() { 
alert(xhr.status); 
console.log(xhr); 
    if (xhr.status === 200) { 
     var modal = document.getElementById("modal_dialog"); 
     modal.innerHTML = xhr.responseText; 
    } 
}; 
xhr.send();

問題是，當我登錄xhr我看到responseURL是直到#，所以阿賈克斯需要的只是http://localhost:8080/prob-services/clogin代替http://localhost:8080/prob-services/clogin#login_page。這就是它加載整個頁面的原因。有沒有什麼辦法可以讓沒有JQuery的div內容？

來源

2017-02-16 Malena T

不，你必須加載整個頁面，然後篩選在響應處理通緝格。或者你可以設置服務器根據url中的參數發送這個小部分，但是這需要更長的時間才能編碼，並且超出了問題的範圍。 –

散列標記'＃'是僅由客戶端介入的片段標識符。您需要過濾客戶端上的內容或切換到請求變量，如「http：// localhost：8080/prob-services/clogin？page = login_page」 –

如何過濾它？ –

解決方案來過濾整個頁面：

創建一個虛擬隱藏DOM元素像

<div style='display: none' id="loadedHTML"></div>

然後把你從服務器接收到它的整個頁面的HTML：

document.getElementById('loadedHTML').innerHTML = xhr.responseText;

現在您可以搜索該組件內的html。說你要的部分是在一個名爲「MyDiv」在頁面內的div：

var modal = document.getElementById("modal_dialog"); 
modal.innerHTML = document.getElementById('MyDiv').innerHTML;

下跌免費問更多，如果它不夠清晰。

來源

2017-02-16 16:17:47

使用此jQuery的load()功能

$('#modal_dialog').css('opacity','1').load('http://localhost:8080/prob-services/clogin',function() { 
    alert(): 
});

來源

2017-02-16 16:34:13

從另一頁加載Div內容

回答

相關問題