как я могу заполнить таблицу со страницы данными с другой страницы

Question

У меня проблема, когда я пытаюсь заполнить таблицу данных с другой страницы данными с реальной страницы

На реальной странице (specializari. html) у меня есть данные с некоторыми данными, и когда я нажимаю Кнопка с параметрами из этой таблицы страниц Я хочу заполнить таблицу данных из "membrispecializari. html" MembriSpecializari. html код для таблицы

  <div class="card-body">

                        <table id="tblMembriiSpecializari" class="table table-bordered table-striped">
                            <thead>
                                <tr>
                                    <th>ID</th>
                                    <th>Nume</th>
                                    <th>Prenume</th>
                                    <th>Nume specializare</th>
                                    <th>An studiu</th>
                                    <th>Credite</th>
                                    <th></th>

                                </tr>
                            </thead>
                            <!--<tfoot>
                        <th>
                            <a href="#" class="btn btn-sm bg-teal">
                                <i class="fas fa-plus"></i>
                            </a>
                        </th>

                        </tfoot>-->
                        </table>

                    </div>

specializari. html

 <div class="card-body">

                        <table id="tblSpecializari" class="table table-bordered table-striped">
                            <thead>
                                <tr>
                                    <th>ID Specializare</th>
                                    <th>Denumire Specializare</th>
                                    <th>Locuri disponibile</th>
                                    <th>Locuri ocupate</th>
                                    <th>Perioada studiu</th>
                                    <th></th>

                                </tr>
                            </thead>
                            <!--<tfoot>
                        <th>
                            <a href="#" class="btn btn-sm bg-teal">
                                <i class="fas fa-plus"></i>
                            </a>
                        </th>

                        </tfoot>-->
                        </table>
                        <a id="adaugaSpecializare" data-toggle="modal" data-target="#modal-creazaSpecializare" class="btn btn-info btn-lg">
                            <span class="glyphicon glyphicon-plus"></span> Adauga specializare
                        </a>
                    </div>

сейчас js файл:

с этой функцией я загружаю таблицу из specializari. html

    function incarcaSpec() {
    jQuery.noConflict();
    jQuery.ajax({
        url: "https://localhost:44388/api/incarcaSpecializare",
        type: "get",
        dataType: "json",
        headers: {
            "accept": "application/json;odata=verbose"
        },
        success: incarcaSpecializari

    });
}

function incarcaSpecializari(data) {
    jQuery.noConflict();

    try {

        jQuery('#tblSpecializari').DataTable({
            "aaData": data,
            "aoColumns": [

                {
                    "mData": "idSpecializare"
                },

                {
                    "mData": "numeSpecializare"
                },
                {
                    "mData": "locuriDisponibile"
                },
                {
                    "mData": "locuriOcupate"
                },
                {
                    "mData": "aniStudiu"
                },
                {

                    mRender: function (data, type, row) {


                        return '<a class="btn btn-danger btn-sm" href="#"> <i class="fas fa-trash" id="stergeSpecializare" onClick=" stergeSpecializare(' + row.idSpecializare + ')" >  </i > </a><a class="btn btn-info btn-sm" href="#" ><i type="button" data-toggle="modal" data-target="#modal-default" class="fas fa-info id="btnModificaSpecializare" onClick="detaliiSpecializare(' + row.idSpecializare + ')"></i></a></a><a class="btn btn-info btn-sm" href="#" ><i type="button" class="fas fa-info id="btnSpec" onClick="preIncarcaMembriiSpecializari(' + row.idSpecializare + ')"></i></a>'
                    }


                }


                  // Handle click on "View" button
            ]




        });

    } catch (e) {
        alert(e.message);
    }

}

когда я нажимаю кнопку с id = btnSpe c функция должна быть выполненным, но ничего не произойдет

   jQuery('#tblSpecializari').on('click', 'btnSpec', function () {
    event.preventDefault();
    preIncarcaMembriiSpecializari(idSpecializare);
    window.location.replace("membriiSpecializari.html");


});

Все ajaxcall или конечная точка из бэкэнда должным образом (проверено)

Можете ли вы помочь мне заполнить таблицу из membriiSpecializari. html данными из specializari . html

Bad engli sh, извините за ошибки