如何从哈希表中存储和获取数据 - javascript

Question

我在 javascript 上找不到任何东西，但这可能会很快得到澄清。我正在一个网站上工作，我必须通过来自服务器的 http 请求检索数据。因为我需要发出几个请求并且数据是不变的，所以我想做的是用键和值制作表 -> 将这些值存储在文件中 -> 然后能够检索这些值。这样我必须读取一个文件，而不是通过 30 个 http 请求获取数据

总体思路：

Given: spell id = number (Ex. 45)
Output: name of spell = string (Ex. fire...)

Use this output to then fetch the url of the image of the spell (containing the spell name)

---

编辑

代码：

// When I fetch the file i use (json data)
    function getChampionImage(id) {
                    var champUrl = "https://na.api.pvp.net/api/lol/static-data/na/v1.2/champion/" +id +"/?api_key=....."
                    xmlHttp = new XMLHttpRequest();
                    xmlHttp.open( "GET", champUrl, false );
                    xmlHttp.send( null );
                    var jsonText = xmlHttp.responseText;
                    var champData = JSON.parse(jsonText);
                    var champName = champData.key;
                    return "http://ddragon.leagueoflegends.com/cdn/" + versionNum + "/img/champion/"+champName+".png";


                }

Answer 1

您需要做的就是将响应附加到一个对象上，通过输入键入。 这在同步 IO 中特别简单，因为您不必担心回调范围。

由于函数是 JS 中的对象，因此您可以将过程本身用作命名空间，它可以很好地与方法配合使用，因为您不需要外部变量：

// When I fetch the file i use (json data)
    function getChampionImage(id) {
                    var cached=getChampionImage["_"+id];
                    if(cached) return cached;
                    var champUrl = "https://na.api.pvp.net/api/lol/static-data/na/v1.2/champion/" +id +"/?api_key=....."
                    xmlHttp = new XMLHttpRequest();
                    xmlHttp.open( "GET", champUrl, false );
                    xmlHttp.send( null );
                    var jsonText = xmlHttp.responseText;
                    var champData = JSON.parse(jsonText);
                    var champName = champData.key;
                    return getChampionImage["_"+id]="http://ddragon.leagueoflegends.com/cdn/" + versionNum + "/img/champion/"+champName+".png";

                }

编辑：要在页面访问之间保留 url 数据，请使用 localStorage 作为哈希对象：

function getChampionImage(id) {
                var cached=localStorage["_"+id];
                if(cached) return cached;
                var champUrl = "https://na.api.pvp.net/api/lol/static-data/na/v1.2/champion/" +id +"/?api_key=....."
                xmlHttp = new XMLHttpRequest();
                xmlHttp.open( "GET", champUrl, false );
                xmlHttp.send( null );
                var jsonText = xmlHttp.responseText;
                var champData = JSON.parse(jsonText);
                var champName = champData.key;
                return localStorage["_"+id]="http://ddragon.leagueoflegends.com/cdn/" + versionNum + "/img/champion/"+champName+".png";


            }

请注意，使用 localStorage，如果您进行更改，则必须使缓存自行过期。