Question

我正在使用Java和Spark制作货币列表Web应用程序，所以当我需要刷新html表中的api数据时，我陷入了困境，有人说我要使用JS ajax并通过get方法每隔2个获取新数据分钟，我不知道该如何制作这种新的获取方法，我在互联网上搜索并没有发现任何有用的东西，现在变得困惑，甚至不知道我该怎么办，希望有人能帮助我。

这是我的Spark设置

port(5000);         
        get("/menjacnica", (request, response) -> {          
          Gson gson = new Gson();
          HashMap<String, Object> data = new HashMap<>();  
            // *** Srednji kurs
            double usd = fst.getUsd();
            double aud = fst.getAud();
            double bam = fst.getBam();
            double gbp = fst.getGbp();
            double hrk = fst.getHrk();
            double jpy = fst.getJpy();
            double cad = fst.getCad();
            double huf = fst.getHuf();
            double rub = fst.getRub();
            double rsd = fst.getRsd();
            double czk = fst.getCzk();
            double chf = fst.getChf();
            double eur = fst.getEur();

            data.put("currEur", eur);
            data.put("currUsd", usd);
            data.put("currAud", aud);
            data.put("currBam", bam);
            data.put("currGbp", gbp);
            data.put("currHrk", hrk);
            data.put("currJpy", jpy);
            data.put("currCad", cad);
            data.put("currHuf", huf);
            data.put("currRub", rub);
            data.put("currRsd", rsd);
            data.put("currCzk", czk);
            data.put("currChf", chf);
   return new ModelAndView(data, "home.ftl");
        }, freemarker);

这是我的html表的一部分

<div id="divLista">
        <table class="tM">
            <tr>
              <th class="tM-oznake">Valuta</th>
              <th class="tM-oznake">ISO</th>
              <th class="tM-oznake">OZN</th>
              <th class="tM-oznake">PAR</th>
              <th class="tM-oznake">KUPOVNI</th>
              <th class="tM-oznake">SREDNJI</th>
              <th class="tM-oznake">PRODAJNI</th>
            </tr>
            <tr>
              <td class="tM-valute"><img class="tabelaZastava" src="flags/united-states.png">Američki dolar</td>
              <td class="tM-valute">USD</td>
              <td class="tM-valute">$</td>
              <td class="tM-valute">1</td>
              <td class="tM-valute">${currUsdK}</td>
              <td class="tM-valute">${currUsd}</td>
              <td class="tM-valute">${currUsdP}</td>
            </tr>

我尝试使用javascript setInterval函数，但它所做的只是弄乱了我的页面，有没有一种方法可以只刷新表中的DIV。

setInterval("refresh();", 5000);
       function refresh() {
       $('#divLista').load('http://localhost:5000/menjacnica #divLista');
       $('#vreme').load( '#vreme');
       console.log("azurirano");
       }

我尝试使用JS setinterval，但它只是制作了另一个表并弄乱了整个页面。

Answer 1

尝试将load()网址选择器更改为#divLista>table，以免最终嵌套在id=divLista内

$('#divLista').load('http://localhost:5000/menjacnica #divLista>table');

如何刷新HTML表格中的数据

1 个答案: