Question

我有一个使用API获取最新汇率的html站点。我还有一个数据表，可从数据库中提取产品列表并将其显示在表格中。

我正在尝试捕获一些主要货币，例如美元，欧元等，并使用这些费率来转换“价格”列以反映所选的货币。

我在下面提供了一些代码，以显示Im的工作方式。

货币API：

$(function() { //populate the DDL with stock names and symbols
      $.get("https://api.exchangeratesapi.io/latest", function(data, status, jqxhr) {
            var fullList = "";
            fullList += "<table class='display' id='datatable' width='100%'>"
            fullList += "<thead><tr><th>Rates</th><th>Date</th><th>Against the Euro</th>  <
              /tr></thead > ";
            fullList += "<tbody>"
            for (const key of Object.keys(data.rates)) {
              //  fullList+=`<option>${key+" " + data.rates[key]}</option>`;
              fullList += `<tr><td>${key+data.rates[key]}</td><td>${data.date}</td><td>${data.base}</td></tr>`;
            }

数据库表：

var theFullList = < % -fullList % > ; //minus sign doesnt encode quotes
var thetable = " ";

thetable += "<thead><tr><th>Product ID</th><th>Product Name</th><th>Unit Price</th></tr></thead>";
thetable += "<tbody>";

for (var i = 0; i < theFullList.length; i++) {
  thetable += "<tr><td>" + theFullList[i].ProductID + "</td><td>" + theFullList[i].ProductName + "</td><td>" + theFullList[i].UnitPrice + "</td></tr>";
}

thetable += "</tbody></table>";
$("#datatable").append(thetable);

$(document).ready(function() {
  $('#datatable').dataTable({
    "lengthMenu": [20, 40, 60, 80, 100],
    "pageLength": 20
  });
});

因此，第一个脚本获取所有货币并将其显示在表格中。第二个脚本从数据库中获取产品列表，并显示其单价。我想结合这两个数据源，并能够根据所选货币更改单价。

用于转换html数据表价格的API汇率

0 个答案: