Acessar página sem refresh

Olá pessoal. O site tem centenas de links, coloquei apenas três com exemplo e estou tentando fazer o seguinte: Acessar pagina sobre, produtos e contato sem refresh na página.

links.php

<div class="principal">
<a href="sobre.php" onclick="semRefresh()">sobre</a>
<a href="contato.php" onclick="semRefresh()">contato</a>
<a href="produtos.php" onclick="semRefresh()">produtos</a>
</div>

	...

<?php include('links.php'); ?>

sobre.php

<div class="paginas">
<h1>sobre</h1>
<p>sobre sobre</p>
</div>

	...

<?php include('links.php'); ?>

produtos.php

<div class="paginas">
<h1>produtos</h1>
<p>produtos produtos</p>
</div>

	...

<?php include('links.php'); ?>

contato.php

<div class="paginas">
<h1>contato</h1>
<p>contato contato</p>
</div>

	...

script.js

<script>
 function semRefresh(){
 let localPag = document.querySelector('.paginas');
 let pag = new XMLHttpRequest();
 // && pag.status == 200
 pag.onreadystatechange = function () {
 if (pag.readyState == 4) {
 localPag.innerHTML=pag.response;
 }
 }

 pag.open('GET', '');

 pag.send();

 }
</script>