通過ajax用HTML文件填充div

Question

我的主要html文件上有一個div；

<div id="content"></div>

和兩個html文件：login.html和singup.html。

頁面頂部也有一個導航欄。 單擊登錄按鈕時，是否可以使用AJAX和登錄文件的內容填充div的內容，單擊注冊按鈕時，可以使用singup.html填充div的內容？

這些是按鈕：

<li><a href="#">Login</a></li>
<li><a href="#">Register</a></li>

Answer 1

剛拿到responeText請求，並設置div.innerHTML = AJAX.responseText; 。

如果您將login.html頁面構建為獨立頁面，則意味着包含<html><head></head><body>...</body></html>標簽-您可能只想添加<body>標簽的內部內容。 您可以使用regexp來獲取它：

div.innerHTML = AJAX.responseText.replace( /<body>([\s\S]*)<\/body>/i , "$1" );

Answer 2

這是一個小庫，它將使用簡單標記將ajax調用的HTML響應填充到元素中； 無需編寫任何JS。

<div data-ajax-url="http://example.com/api/product" data-ajax-type="html"></div>