Невозможно передать раскрывающееся значение в datatable в jQuery

Question

У меня есть выпадающий список, я пытаюсь передать значение в функцию данных, значение передается функции, но таблица данных jquery не инициализируется.но появляется сообщение об ошибке -

"Предупреждение DataTables: таблица id = example1 - Невозможно повторно инициализировать DataTable. Дополнительные сведения об этой ошибке

html

<select name="navyOp" onchange="getApi(this.value);">
        <option selected="selected">Select a tank</option>
        <option value="32F"> top</option>
        <option value="330">bottom</option>
      </select>

JavaScript

getApi("032F");
function getApi(deviceid) {
   var xhttp = new XMLHttpRequest();
    xhttp.onreadystatechange = function () {
        if (this.readyState == 4 && this.status == 200) {
            var dataSet = JSON.parse(xhttp.responseText);//deserialization
            //start jquery code
            $(document).ready(function () {
                $('#example1').DataTable({
                    data: dataSet,
                    columns: [



                        { data: "port", title: "port" },
                        { data: "rssi", title: "rssi" }
                    ]

                });
            });

            //end jquery code
        }

    };
    xhttp.open("GET", url", true);
    xhttp.setRequestHeader("Authorization", "BASIC avv==");
    xhttp.send();
}