Question

我正在尝试制作货币转换器。问题是我的老师给了我使用jQuery的代码，我不明白。请帮忙

$(document).ready(function() {
    $.get("https://openexchangerates.org/api/latest.json?app_id=[MY_APP_ID]", function(data) {
        kroner = (data.rates.DKK)
        euro = (data.rates.EUR)
        pound = (data.rates.GBP)
        baht = (data.rates.THB)
        dollars = (data.rates.USD)
        $("#DKK").text(kroner); 
        $("#EUR").text(euro);
        $("#GBP").text(pound);
        $("#THB").text(baht);
        $("#USD").text(dollars);
    });
});

这是我真正不了解的部分，我对使用jQuery感到陌生。

Answer 1

你应该真正研究过jQuery文档，因为这是基本的东西，但我感觉很慷慨：

以下订阅＆＃34; DOM ready事件＆＃34;，以便您的代码仅在DOM元素全部加载后运行：

$(document).ready(function() {

然后它向指定的URL运行Ajax HTTP GET请求。在成功完成后，服务器数据将在第一个参数（在您的示例中称为data）中传递给提供的回调函数。数据将采用具有各种属性的JavaScript对象的形式：

$.get("https://openexchangerates.org/api/latest.json?app_id=[MY_APP_ID]", function(data) {

从对象中提取属性：

    kroner = (data.rates.DKK)
    euro = (data.rates.EUR)
    pound = (data.rates.GBP)
    baht = (data.rates.THB)
    dollars = (data.rates.USD)

将找到的值存储到特定的HTML元素中，每个元素都由ID（# =按ID搜索）找到。因此，第一个将查找具有id="DKK"的元素并替换该匹配元素的文本内容：

    $("#DKK").text(kroner); 
    $("#EUR").text(euro);
    $("#GBP").text(pound);
    $("#THB").text(baht);
    $("#USD").text(dollars);

完成工作......

所有这一切的结果是从指定的网站请求数据。返回时，提取各种汇率值并在屏幕上显示。

货币转换器需要jQuery帮助

1 个答案: