接触Dojo,从HelloWorld开始

来源：互联网发布：vue.js视频教程百度云编辑：程序博客网时间：2024/05/16 06:22

现在手头的项目前台是用dojo来做的，客户的要求总是BT的，上个项目是用Flex做前台,和dojo一样，开发起来让人有点费力不讨好。总之，客户就是上帝，上帝的要求自然要努力去满足。

还是从经典的HelloWorld开始接触dojo喽。

<html>   <head>       <title>Dojo: Hello World!</title>       <!--section 1-->       <style type"text/css">           @import "dojoroot/dijit/themes/tundra/tundra.css";           @import "dojoroot/dojo/resources/dojo.css";       </style>       <script type="text/javascript"src="dojoroot/dojo/dojo.js"djConfig="parseOnLoad:true"></script>       <!--section 2-->       <script type="text/javascript">           // Load Dojo's code relating to the Button widget           dojo.require("dijit.form.Button");       </script>       <script>       function helloCallback(data, ioArgs) {           alert(data);       }       function helloError(data, ioArgs) {           alert('Error when retrieving data from the server!');       }              </script>   </head>    <body class="tundra">       <button dojoType="dijit.form.Button"id="helloButton">Hello World!       <script type="dojo/method" event="onClick">           dojo.xhrGet({                url: 'response.txt',                load: helloCallback,                error: helloError                    });       </script>       </button>   </body></head>

helloCallback作为回调函数，异步请求的发送通过dojo.xhrGet完成，helloError处理异常，值得注意的是"dojo.require("dijit.form.Button");"，引入了dojo的buttonwidget，并且可直接用于html ui构建中，有点类似于服务器端代码顶端的引用，符合OO程序员的习惯，运行页面，直接点击button就可以看到效果。