javascript - 页面需要刷新才能第二次获取数据以获取表格中的Javascript和ajax数据

Question

当我第一次将数据放入 html 文本框中并点击 (getInputValue --- button function) 时，数据正在显示，但第二次没有显示。

我需要刷新页面才能再次获取数据。

有没有可能改变这种行为，我不想刷新页面或任何东西。

function getInputValue() {

var inputVal1 = document.getElementById("id").value; -taking input from html text box and button click
var inputVal2 = document.getElementById("name").value; -taking input from html text box and button click
var inputVal3 = document.getElementById("city").value; -taking input from html text box and button click


 $(document).ready(function () {
    var tr ;
    var grid=$("#tblPopulation").show();
    $.ajax({
     url: /1234567:8080/qweerttgg/xyz ,
     dataType: "json",
     async:false,
     cache: true,
     type: "Get",
     success: function (data) {
         tr=data;
         console.log(data);
         for (var i = 0; i < data.length; i++) {
          
             tr = tr + "<td>" + data[i].Id + "</td>";
             
             tr = tr + "<td>" + data[i].city + "</td>";
             tr = tr + "<td>" + data[i].name + "</td>";
            
         }

         $('#tblPopulation').append(tr);
         tblFormate();
     },
     
    
      
    });

}); }

标签： javascripthtmlajax