從外部文件中讀取數據

我對three.js和javascript都很陌生，所以這可能是一個很小的問題。從外部文件中讀取數據

我JSON對象的列表，其中包含數據如下文件：

[ 
{ "x":x,"y":y,"z":z ,"r":r}, 
{ "x":x2,"y":y2,"z":z2 ,"r":r2}, 
{ "x":x3,"y":y3,"z":z 3,"r":r3} 
]

，並使其在屏幕上。

它正好在這裏一個例子：http://mrdoob.github.com/three.js/examples/webgl_materials2.html

除了球面值，我從文件中讀取？

我如何調整上面的例子，我從這個文件讀取的值，而不是直接硬編碼js中的這些值？

請幫感謝

來源

2013-02-23 user2052251

那麼你的問題是什麼？ – levelnis 2013-02-23 09:40:49

@levelnis：ooops ..剛剛添加。 – user2052251 2013-02-23 09:42:33

[JavaScript讀取文件內容]的可能重複（http://stackoverflow.com/questions/9265091/javascript-read-file-contents） – Barmar 2013-02-23 09:59:45

如果你想要做的是獨立於應用程序邏輯中的數據，那麼你就需要通過Ajax創建一個JSON文件並加載它，你可以創建另一JavaScript文件並將數據放在那裏。

例如：

// myData.js 
var myData = [ 
    { "x":x,"y":y,"z":z ,"r":r}, 
    { "x":x2,"y":y2,"z":z2 ,"r":r2}, 
    // ... 
]; 

// -------------- 

// myApplication.js 

// Here goes the three.js code and you can access the data here, for example 
alert(myData[0].x);

在HTML文件中，你必須包括數據文件第一，讓所有下面的腳本將有機會獲得myData variabe：

<script src="myData.js"></script> 
<script src="myApplication.js"></script> 
<!-- this works to: --> 
<script> 
    alert(myData.length); 
</script>

如果您想要或不得不通過Ajax加載文件，請查看以下問題：How do I load a JSON object from a file with ajax?。

來源

2013-02-23 10:46:00

從外部文件中讀取數據

回答

相關問題