2016-10-08 2 views
0

나는 파이썬 사람이고 자바 스크립트를 이해하지 못한다. 그러나 나는 어디에 (서) 나는 wordcloud를 표시하는 자바 스크립트에 의해 소비 될 필요가 파이썬 스크립트에서 데이터 스트림을 생성하는 상황에 갇혀있다. 나는 wordcloud2.js를 사용하고 있습니다.파일에서 자바 스크립트로 변수에 데이터 전달하기

외부 파일 (url)에서 변수 'list'(아래 참조)로 데이터를 전달할 수 있어야합니다. 인터넷에서 여러 가지 시도를했지만 아무 것도 작동하지 않는 것 같습니다. 누군가 그것을 고칠 수 있도록 도와 주시겠습니까?

<script> 
var div = document.getElementById("sourrounding_div"); 
var canvas = document.getElementById("canvas_cloud"); 
canvas.height = div.offsetHeight; 
canvas.width = div.offsetWidth; 
var options = 
{ 
    list : [['A1', 20.0],['A2',30],['A3',40],], 

    gridSize: Math.round(0.21 * document.getElementById('canvas_cloud').offsetWidth/1024), 
    weightFactor: function (size) { 
    return Math.pow(size, 1.4) * document.getElementById('canvas_cloud').offsetWidth/1024; 
    } 
} 
WordCloud(document.getElementById('canvas_cloud'), options); 
</script> 
+0

문제가 정확히 무엇인지 이해시켜 주시겠습니까? 서버에서 데이터를 요청하는 방법을 모르는가요? –

+0

정적 데이터를 사용하여 작동시킬 수 있습니까? – Jecoms

+0

예, 위에서 언급 한 스크립트가 올바르게 작동하지만 텍스트 파일에서 목록을 읽을 수 있기를 원합니다. –

답변

1

당신은 AJAX (JSON 예를 반환)를 사용할 수 있습니다 :

var request = new XMLHttpRequest(); 
request.open('GET', 'url', true); 

request.onload = function() { 
    if (request.status == 200) { 
    var list = JSON.parse(request.responseText); 
    } 
}; 

request.send(); 

는 요청이 비동기 것을 기억하십시오.

관련 문제