Passing data from a file to a variable in Javascript

Question

I am a Python person and dont understand Javascript. However i am stuck at a situation where I am generating a data stream from a python script that needs to be consumed by a javascript to display a wordcloud. I am using wordcloud2.js

I need to be able to pass the data to the variable 'list' (as below) from an external file (url). I tried several things from the internet but nothing seems to work. Can someone please help me fix it.

<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>

Can you please help me understand what your problem is exactly? Is it that you do not know how to request data from the server? — Dimitris Karagiannis
– Dimitris Karagiannis, Commented Oct 8, 2016 at 1:08
yes, the above mentioned script works correctly, I just want to be able to read the list from a text file. — Arslán
– Arslán, Commented Oct 8, 2016 at 1:28

A J · Accepted Answer · 2016-10-08 14:53:13Z

1

You can use AJAX (JSON returned example):

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

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

request.send();

Remember that a request is asynchronous.

edited Oct 8, 2016 at 14:53

A J

4,01214 gold badges40 silver badges55 bronze badges

answered Oct 8, 2016 at 1:15

cesarcosta99

111 silver badge4 bronze badges

Sign up to request clarification or add additional context in comments.

Collectives™ on Stack Overflow

Passing data from a file to a variable in Javascript

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related