我无法让ProcessingJS Sketch加载外部资源

时间:2014-07-12 00:37:05

标签: javascript resources processing external

https://www.khanacademy.org/cs/test2/5075302188843008 我可以在Khan Academy上找到我的程序的链接,我已经让它与JSON一起工作了,但是当我尝试修改它时似乎并不太高兴。我已将其保存修改为一个示例。我真的想知道如何让它与所有文件类型一起使用,所以如果你可以将我推荐给一个页面,或者只是告诉我如何,那就太好了。

1 个答案:

答案 0 :(得分:0)

我没有尝试使用processing.js但是在Javascript中你会做这样的事情:

假设您有这样的Json文件:

{
    "test": {
        "votes": [
            "1",
            "1",
            "2",
            "3",
            "4",
            "5"
        ]
    }
}
在您的html页面中

添加<script>标记:

function getVotes(url) {
var ajax = new XMLHttpRequest() || new ActiveXObject('MSXML2.XMLHTTP');
    ajax.open('get', url, true); 
    ajax.onreadystatechange = function(){    
        if(ajax.readyState==4){
            parseJSON(ajax.responseText);
            }
    };
        ajax.send(null);
}



function parseJSON(json){

var chatVotes = JSON.parse(json);

console.log(chatVotes.test.votes);
// returns " ["1", "1", "2", "3", "4", "5"] "
}

getVotes("yourJsonFile.json");

您应该观看this link以了解如何在您的processing.js计划中访问javascript数据。

您可能还想查看this answer中的very similar question

Ps:AFAIK JSON.parse()只能解析有效的json数据。您在代码中访问的网址是html数据。