jquery - Pass Python array to javascript? - Stack Overflow

admin管理员组

文章数量:1345011

I'm new to HTML/javascript. I'm running a local server, with an html/javascript file and a separate python script.

Question: How do I pass a python array to javascript variable?

Work so far: I've written the array to file data.txt:

1  32.1
2  10.0

but I could put it in JSON format if it's easier.

Here's my progress so far:

var x_pos = [];
jQuery.get('http://127.0.0.1:8000/data/data.txt',function(data){

// ??? Code here ???

});

console.log(x_pos[0])

Note: if there is a much simpler way to do this, I'm open to suggestion. Thanks.

I'm new to HTML/javascript. I'm running a local server, with an html/javascript file and a separate python script.

Question: How do I pass a python array to javascript variable?

Work so far: I've written the array to file data.txt:

1  32.1
2  10.0

but I could put it in JSON format if it's easier.

Here's my progress so far:

var x_pos = [];
jQuery.get('http://127.0.0.1:8000/data/data.txt',function(data){

// ??? Code here ???

});

console.log(x_pos[0])

Note: if there is a much simpler way to do this, I'm open to suggestion. Thanks.

• javascript
• jquery
• python
• html

Share Improve this question Follow edited Sep 1, 2015 at 4:28 anon01 asked Aug 28, 2015 at 14:52 anon01anon01 11.2k88 gold badges4040 silver badges6363 bronze badges 1

• 1 you could split at every newline, and then again at the space between the number and the value. – ndugger Commented Aug 28, 2015 at 14:55

Add a ment  | 

5 Answers 5

Sorted by: Reset to default 4

var x_array = [];    
var y_array = [];     

jQuery.get('http://localhost/test/data.txt',function(data){
    var lines = data.split(/\r\n|\n/g);
    for (var i = 0; i < lines.length; i++) {
        line = lines[i].split(/\s+/g);
        x_array.push(line[0]);
        y_array.push(line[1]);
    }
    console.log(x_array);
    console.log(y_array);
});

Use JSON instead. Then you can just parse it as

jQuery.get('http://localhost/data.txt', function(data) {
  var xy = JSON.parse(data);
});

and use as

alert(xy['1']); // or xy.propertyname if it is not-numeric

Your data structure would be like

{
  "1": 32.1,
  "2": 0
}

Just create a json structure for this and do a JSON.parse(data) after.

Here is your structure:

{x: [1,2,3,4], y:[32.1,10.0,76.3]}

One of the solutions is use split. It splits the string.

    var newData = [];
    data = data.split('\n');
    data.forEach(function(entry){
      entry = entry.split(' ');
      newData.push({
        x : entry[0],
        y : entry[1]
      });
    });
    console.log(newData);

You need to use regular expressions to parse the text file. You cannot just use JSON.parse() on a string that isn't in json format.

http://plnkr.co/edit/39aBGgwvNI7Lem6eiefu?p=preview

$.get("http://localhost/data.txt", parse);

function parse(str) {
    var lineBreak = /\r\n/g;
    var space = /\s/g;
    var tmp = str.split(lineBreak).map(function(l) {
        var split = l.split(space);
        return { key: split[0], val: split[1]  };
    });
    var data = JSON.stringify(tmp, null, 2);
    $("#data").text(data);
}

本文标签： jqueryPass Python array to javascriptStack Overflow