我尝试使用 Aria 模板运行一个简单的代码。在 Mozilla 中它工作正常。在 chrome 中,我面临“Access-Control-Allow-Origin 不允许 Origin null”,并且 IE7 没有显示任何内容,同时也没有抛出任何错误(我们通常在页脚中看到)。
这是代码:index.html:
<html>
<head>
<title>
Aria Templates
</title>
<script type="text/javascript" src="aria/ariatemplates-1.3.6.js"></script>
<script type="text/javascript" src="aria/css/atskin-1.3.6.js"></script>
</head>
<body>
<div id="output"></div>
<script type="text/javascript">
Aria.loadTemplate({
classpath: 'view.Hello',
div: "output",
data: {
greeting: "Hello",
people: ["John", "Paul", "George", "Ringo"]
}
});
</script>
</body>
</html>
和Hello.tpl:
{Template {
$classpath: "view.Hello"
}}
{macro main()}
<h1>Hello Fab Four World</h1>
{foreach name in data.people}
${data.greeting} ${name}!<br/>
{/foreach}
{/macro}
{/Template}
这些文件在同一个驱动器中。Hello.tpl 放置在视图文件夹内,html 文件与 aria 文件夹一起放置在视图外。