重新更新功能的结果，而不是清除它

Question

我希望函数的结果将继续更新，而不是清理并等待x秒才能产生新结果。

下面是我尝试过的代码。

function getManeuver() {
        var url = "https://maps.googleapis.com/maps/api/directions/json? 
        origin = "+document.getElementById('origin- 
        input ').value+"&destination="+document.getElementById('
        destination -
            input ').value+"&key=MYAPI";
        $.ajax({
            type: "GET",
            url: url,
            dataType: "json",
            success: function (data) {
                console.log('success', data);
                drawTable(data);

            }
        });

        function drawTable(data) {
            for (var i = 0; i < data.routes[0].legs[0].steps.length; i++) {
                drawRow(data.routes[0].legs[0].steps[i]);
            }

        }

        function drawRow(steps) {
            var row = $("<tr />")
            $("#personDataTable").append(row);

            row.append($("<td>" + steps.maneuver + "</td>"));
            console.log('Added Table');
        }

        function clear() {
            document.getElementById('personDataTable').innerHTML = '';
            setInterval(clear, 10000);
            setInterval(getManeuver, 5000);