JavaScriptを使用してAjaxで取得したコンテンツでHTMLページを置換する方法

1. XMLHttpRequestを使用する方法:

   var xhr = new XMLHttpRequest();
   xhr.open('GET', 'content.html', true);
   xhr.onreadystatechange = function () {
   if (xhr.readyState === 4 && xhr.status === 200) {
   document.documentElement.innerHTML = xhr.responseText;
   }
   };
   xhr.send();

2. jQueryを使用する方法:

   $.ajax({
   url: 'content.html',
   success: function (data) {
   $('html').html(data);
   }
   });

3. fetch APIを使用する方法:

   fetch('content.html')
   .then(function (response) {
   return response.text();
   })
   .then(function (data) {
   document.documentElement.innerHTML = data;
   })
   .catch(function (error) {
   console.log('Error:', error);
   });

これらの例では、Ajaxリクエストを使用して、指定されたURLからHTMLコンテンツを非同期に取得します。成功した場合、取得したコンテンツを現在のHTMLページ全体に置換します。

以上が回答となります。もしご質問があれば、お気軽にお聞きください。