javascript - 在API中发出请求并计算结果

Question

我需要向 API 发出请求，然后对结果进行计算，我尝试了这样的操作:

file.js

function makeRequest() {
    var xmlHttp = new XMLHttpRequest();
    xmlHttp.onreadystatechange = function() { 
        if (xmlHttp.readyState == 4 && xmlHttp.status == 200)
            calcPreco(xmlHttp.responseText);
    }
    xmlHttp.open("GET", "https://dominio/api/produtos.php?pid=10&get=price&billingcycle=monthly", true); // true para asynchronous 
    xmlHttp.send(null);
}

function calcPreco(preco) {
    console.log(preco);
    preco = preco.replace(",", ".");
    preco -= 5;
    document.getElementById("vps10off").textContent = preco;
}

index.php

<script type="text/javascript"> 
window.onload = makeRequest; 
</script>

<span id="vps10off"></span>

什么也没发生，它没有打印 <span>值(value)。我做错了什么？

Answer 1

您没有调用 makeRequest 函数。

改变

window.onload = makeRequest; 

至

window.onload = makeRequest(); 

如果您需要在窗口加载时执行更多代码，请将 window.onload 的值设置为调用 makeRequest 以及您需要执行的其他代码的函数。在页面加载时执行。

window.onload = function(){
    makeRequest();
    //other code
}