바닐라 JSONP 요청의 응답 저장 JavaScript

Question

시간을내어 질문을 읽어 주셔서 감사합니다!

JSONP 요청의 응답을 나중에 동일한 서버에 다른 요청을 한 후 액세스 할 수있는 새 개체에 저장하려고합니다. 이 기능의 목적은 사용자가 이전 요청의 데이터를 스크롤 할 수있게하는 것입니다. 내가 displayData 개체가 전역 변수에 할당 할 필요가 있다고 생각

window.onload = getData; 
function getData() { 
    var script = document.createElement("script"); 
    script.src = "http://api.forismatic.com/api/1.0/?method=getQuote&lang=en&format=jsonp&jsonp=displayData"; 
    document.getElementsByTagName("head")[0].appendChild(script); 
} 

function displayData(response) { 
    document.getElementById("quote").innerHTML = response.quoteText; 
    document.getElementById("cite").innerHTML = response.quoteAuthor; 
} 

:

이

내 코드입니다. 나는 그것을하기위한 여러 가지 방법을 시도해 왔고 그것을 작동시키는 것처럼 보일 수 없다. 도와주세요.

Answer 1

window.onload = getData; 
function getData() { 
    var script = document.createElement("script"); 
    script.src = "http://api.forismatic.com/api/1.0/?method=getQuote&lang=en&format=jsonp&jsonp=displayData"; 
    document.getElementsByTagName("head")[0].appendChild(script); 
} 

var previousResponses = []; 

function displayData(response) { 
    previousResponses.push(response); 
    document.getElementById("quote").innerHTML = response.quoteText; 
    document.getElementById("cite").innerHTML = response.quoteAuthor; 
} 

이제 모든 이전 응답이 포함 된 의도가 있습니다.

Answer 2

사용 약속 :

var data = new Promise(function getData(resolve, reject) { 
    window.setData = resolve; 
    var script = document.createElement("script"); 
    script.src = "http://api.forismatic.com/api/1.0/?method=getQuote&lang=en&format=jsonp&jsonp=setData"; 
    script.onerror = reject; 
    document.getElementsByTagName("head")[0].appendChild(script); 
}); 

당신은 다음과 같이 사용할 수 있습니다 :

window.onload = function displayData() { 
    data.then(function(response) { 
     document.getElementById("quote").innerHTML = response.quoteText; 
     document.getElementById("cite").innerHTML = response.quoteAuthor; 
    }); 
}; 

그냥 당신이 원하는 때마다하는 then data에를 체인 - 데이터가 아직없는 경우 콜백가 대기 짐을 실은.