Question

我有一个将激活功能的按钮，但是每当我单击该按钮时，该功能就会显示更多结果。我希望结果将被更新/清除，以便我可以用新结果进行更新。下面是我的代码。

    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=MYAPIISHERE";
  $.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>"));
}

  }
setInterval(getManeuver, 5000);

结果将显示为

undefined
turn-right
undefined
turn-left
turn-right
turn-left
undefined
turn-left

，但是它将继续重复和重新列出，而不是更新/清除。

Answer 1

如果是结果，则表示表格。您需要从表格中清除预览结果。

$（“＃personDataTable”）。html（“”）;

从功能中清除结果和/或重新更新结果

1 个答案: