How can I open a page in the space set aside for another page?

Hello friends, I need your help,

I have a page that acts as a kind of iframe with a nav that allows me to see the content of other pages without reloading the main page as follows:

<nav><a href="#" id="servidores"><spam>Servidores</spam></a>
                        <a href="#" id="usuarios"><spam>Usuarios</spam></a>
                    </nav>

with this script I go to the main page so that it shows me in the space dedicated to the page I want:

$(document).ready(function() {
               
                $('#servidores').click(function() {
                    $("#contenido").load("servidores.php");
                });

                $('#usuarios').click(function() {
                    $("#contenido").load("usuarios.php");
                });
               
            });

Inside the servidor.php page I bring a table that I fill dynamically from mysql and in each row I have a selection button. What I need is that pressing the selection button opens another page in that same space is to replace server.php with the new page without reloading the main page but also to take the data of the selected row to that new page which has a form that collects the data in the row

I hope you understand me since it is a bit complicated to detail.

Thanks