어떻게 함수 내에서 변수에 액세스 할 수 있습니까?

Question

Okey, 2 개의 JSON 파일에서 데이터를 얻었습니다. 그 중 하나를 가져 와서 다른 데이터로 나누고 싶습니다. 어떻게 할 수 있습니까? 나는 'sugString'과 'htmlString'을 나누고 싶다. 그리고 내가 그 일을 한 후에 나는 이미 그것들 각각을 다뤘던 것처럼 다른 이드에 그것을 삽입하고 싶습니다.

var flamingSkull = document.getElementById("flaming-skull"); 
var flamingSkullq = document.getElementById("flaming-skullq"); 
var flamingSkullSug = document.getElementById("flaming-skullsug"); 

    var ourRequest = new XMLHttpRequest(); 
    ourRequest.open('GET', 'https://api.opskins.com/IPricing/GetAllLowestListPrices/v1/?appid=433850'); 
    ourRequest.onload = function() { 
     var ourData = JSON.parse(ourRequest.responseText); 
     renderFlamingSkull(ourData); 
}; 

    ourRequest.send(); 


var ourRequest2 = new XMLHttpRequest(); 
    ourRequest2.open('GET', 'https://api.opskins.com/IPricing/GetPriceList/v1/?appid=433850'); 
    ourRequest2.onload = function() { 
    var ourData2 = JSON.parse(ourRequest2.responseText); 
    renderFlamingSkullSug(ourData2); 
}; 

    ourRequest2.send(); 



function renderFlamingSkullSug(data) { 

    var sugString = data.response[ 'Skin: Flaming Skull Face Bandana' ][today].price/100; 

    flamingSkullSug.insertAdjacentHTML('beforeend', "$" + sugString); 
} 

function renderFlamingSkull(data) { 

    var htmlString = data.response[ 'Skin: Flaming Skull Face Bandana' ].price/100; 
    var quantityString = data.response[ 'Skin: Flaming Skull Face Bandana' ].quantity; 


    flamingSkull.insertAdjacentHTML('afterbegin', "$" + htmlString); 
    flamingSkullq.insertAdjacentHTML('beforeend', "<p>(" + quantityString + ")</p>"); 
} 

Answer 1

하나의 해결책은 요청 함수를 만들고 콜백을 사용하는 것입니다. 따라서 두 요청을 연결하여 두 응답에 모두 액세스 할 수 있습니다.

var flamingSkull = document.getElementById("flaming-skull"); 
 
var flamingSkullq = document.getElementById("flaming-skullq"); 
 
var flamingSkullSug = document.getElementById("flaming-skullsug"); 
 
var lowestPriceUrl = 'https://api.opskins.com/IPricing/GetAllLowestListPrices/v1/?appid=433850'; 
 
var priceListUrl = 'https://api.opskins.com/IPricing/GetPriceList/v1/?appid=433850'; 
 

 
function makeRequest (method, url, done) { 
 
    var xhr = new XMLHttpRequest(); 
 
    xhr.open(method, url); 
 
    xhr.onload = function() { 
 
    done(null, JSON.parse(xhr.responseText)); 
 
    }; 
 
    xhr.onerror = function() { 
 
    done(JSON.parse(xhr.responseText)); 
 
    }; 
 
    xhr.send(); 
 
} 
 

 

 
makeRequest('GET', lowestPriceUrl, function (err, res) { 
 
    if (err) { throw err; } 
 
    
 
    makeRequest('GET', priceListUrl, function (err, res2) { 
 
    if (err) { throw err; } 
 
    
 
    var sugString = res[ 'Skin: Flaming Skull Face Bandana' ][today].price/100; 
 
    var htmlString = res2[ 'Skin: Flaming Skull Face Bandana' ].price/100; 
 
    var quantityString = res2[ 'Skin: Flaming Skull Face Bandana' ].quantity; 
 
    
 
    flamingSkullSug.insertAdjacentHTML('beforeend', "$" + sugString); 
 
    flamingSkull.insertAdjacentHTML('afterbegin', "$" + htmlString); 
 
    flamingSkullq.insertAdjacentHTML('beforeend', "<p>(" + quantityString + ")</p>"); 
 

 
    // Complete division 
 
    // ================== 
 
    // var division = Math.round(sugString/htmlString) 
 
    }); 
 
});

참고로 또 다른 질문 사용 : 당신이 그것을 나눌 할 How do I promisify native XHR?