Javascript 如何将动态变量添加到API链接？

我面临一个问题，我想通过向API链接传递变量使其成为动态的。我的API是： 现在我想要最后两个值，即SGD和MYR，作为输入字段输入的动态变量。那么如何做到这一点呢？ 这是我的全部代码

$（函数（）{
$（'button'）。在（'click'，function（）上{
var val1=document.getElementById（'value1'）.value；
var val2=document.getElementById（'value2'）.value；
var$records=$（“#records”）；
$.ajax({
键入：“GET”，
url:“http://api.fixer.io/latest?symbols=“+val2+”、“+val1、//值未到达链接
成功：功能（数据）
{
console.log（val1）；//这里有值
console.log（val2）；//这里有值
var rate1=data.rates.val1；
var rate2=data.rates.val2；
var最终=费率1/费率2；
$（“#记录”）.html（'上述货币的总汇率为：'+最终汇率）；
}
});
});
});





欢迎使用货币兑换器


本地CCY:


CCY酒店：


显示速率


您应该删除最后一个+，如下所示：

url: "http://api.fixer.io/latest?symbols="+val1+","+val2,

因为之后什么都没有。
现在它需要另一个变量或字符串，但没有变量或字符串


$（函数（）{
$（'button'）。在（'click'，function（）上{
var val1=document.getElementById（'value1'）.value；
var val2=document.getElementById（'value2'）.value；
var$records=$（“#records”）；
var composedUrl=”http://api.fixer.io/latest?symbols=“+val1+”，“+val2；
console.log（composedUrl）；
$.ajax({
键入：“GET”，
url:composedUrl，
成功：功能（数据）{
var rate1=数据率[val1]；
var rate2=数据率[val2]；
控制台日志（rate1）；
var最终=费率1/费率2；
$（“#记录”）.html（'上述货币的总汇率为：'+最终汇率）；
}
});
});
});





欢迎货币兑换商

当地CCY:


酒店CCY:


显示速率


是的，它可以工作，但当我将变量传递给API链接时，他们没有在我在input field.url中使用的链接中获取该值：“，在此情况下，值不会到达url。如何做到这一点？你能给我们一个有效的API请求吗？什么样的值是
val1
和
val2
？如果我在输入字段1中写Rahul，在输入字段2中写sinha，那么链接将是这样的：”，一个有效的API请求：似乎现在正在代码段中工作不，它不起作用将MYR和SGD放在两个输入字段中并按显示速率，这不会使API url为：。因此，总比率没有显示出来。它显示了楠……是的，这项工作对我来说很棒，但还有一件事要做。var rate1=data.rates.val1；通过这样做->console.log（rate1）；它显示未定义的。但是当我写var rate1=data.rates.MYR；它给人以价值。为什么这没有给出那个值？我已经更新了代码。您使用val1和val2引用对象键，它试图找到对象上的键，这些键实际上是
SGD
和
MYR
。检查更改：
var rate1=data.rates[val1]而不是
var rate1=data.rates.val1将成功。