Salve ragazzi,

ho creato uno script che preleva i dati tramite un JSON generato, funziona tutto e tramite una Select seleziono l'utente per leggere i suoi dati, questi vengono scritti in una tabella che si genera.

Il problema che la tabella non si svuota, quindi ogni volta che selezioni l'utente nella Select, i suoi dati si sommano a quelli dell'user precedente.

Come posso fare per svuotare la tabella ad ogni chiamata?

codice:
<script>function showUser(str) {
	console.log(str);
	    $.ajax({ 
    type: 'GET', 
    url: 'webservice.php',
    data: { q: str}, 
     contentType: 'application/json; charset=utf-8',
   // dataType: 'json',
    success: function (data) { 
    var tr;
	console.log(data);
		var Table = document.getElementById("txtHint");
Table.innerHTML = "";


    for (var i = 0; i < data.length; i++) {
        tr = $('<tr/>');
        tr.append("<td>" + data[i].cliente + "</td>");
        tr.append("<td>" + data[i].tipologia_lavoro + "</td>");
        tr.append("<td>" + data[i].ore_stimate + "</td>");
        $('table').append(tr);
    }
        }});
  if (str=="") {
    document.getElementById("txtHint").innerHTML="";
    return;


  } 


  
  if (window.XMLHttpRequest) {
    // code for IE7+, Firefox, Chrome, Opera, Safari
    xmlhttp=new XMLHttpRequest();
  } else { // code for IE6, IE5
    xmlhttp=new ActiveXObject("Microsoft.XMLHTTP");
  }
  xmlhttp.onreadystatechange=function() {
    if (xmlhttp.readyState==4 && xmlhttp.status==200) {
      document.getElementById("txtHint").innerHTML=xmlhttp.responseText;
    }
  }
  xmlhttp.open("GET","webservice.php?q="+str,true);
  
//  var listItems = '<option selected="selected" value="0">- Select -</option>';
//  for (var i = 0; i < jsonData.Table.length; i++) {
//  listItems += "<option value='" + jsonData.Table[i].username + "'></option>";
 // }
     tr.find("tr").remove();
  xmlhttp.send();
}
</script>