2016-08-26 42 views
0

我想訪問我在外部文件中定義的簡單javascript變量/對象。我的問題是如何通過dojo加載它。這是我plunker code沒有工作:Dojo訪問外部文件中的javascript對象

的index.html

<!DOCTYPE html> 
<html> 
<head> 
    <meta charset="utf-8"> 
    <title>Tutorial: Hello Dojo!</title> 
</head> 
<body> 
    <!-- load Dojo --> 
    <script src="//ajax.googleapis.com/ajax/libs/dojo/1.10.4/dojo/dojo.js" 
      data-dojo-config="async: true"></script> 
    <script type="text/javascript"> 
     require({ 
     packages: [ 
     { 
       name: 'myApp', 
       location: window.location.href.replace(/\/$/, "") 
     }]}, 
     ["dojo/dom", "myApp/config", "dojo/domReady!"], function(dom, config) { 
      console.log(config.keys); 
     }); 
    </script> 
</body> 
</html> 

config.js

var keys = { 
    "key_1": { 
     "your_name": "jimmy", 
     "your_msg": "hello world" 
    }, 
    "key_2": { 
     "your_name": "billy", 
     "your_msg": "foo equals bar" 
    } 
}; 

正如你可以看到我試圖加載config.js文件的配置,並試圖在我的代碼中以配置方式訪問它。我在控制檯中未定義。

回答

1

我做了一些研究,我需要使用看起來像道場的定義功能,使config.js看起來是這樣的:

define({ 
    keys : { 
    "key_1": { 
     "your_name": "jimmy", 
     "your_msg": "hello world" 
    }, 
    "key_2": { 
     "your_name": "billy", 
     "your_msg": "foo equals bar" 
    } 
} 
})