接触Dojo,从HelloWorld开始

前端之家收集整理的这篇文章主要介绍了接触Dojo,从HelloWorld开始前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。

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

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

  1. <html>
  2. <head>
  3. <title>Dojo: Hello World!</title>
  4. <!--section 1-->
  5. <style type"text/css">
  6. @import "dojoroot/dijit/themes/tundra/tundra.css";
  7. @import "dojoroot/dojo/resources/dojo.css";
  8. </style>
  9. <script type="text/javascript"src="dojoroot/dojo/dojo.js"
  10. djConfig="parSEOnLoad:true"></script>
  11. <!--section 2-->
  12. <script type="text/javascript">
  13. // Load Dojo's code relating to the Button widget
  14. dojo.require("dijit.form.Button");
  15. </script>
  16. <script>
  17. function helloCallback(data,ioArgs) {
  18. alert(data);
  19. }
  20. function helloError(data,ioArgs) {
  21. alert('Error when retrieving data from the server!');
  22. }
  23. </script>
  24. </head>
  25. <body class="tundra">
  26. <button dojoType="dijit.form.Button"id="helloButton">Hello World!
  27. <script type="dojo/method" event="onClick">
  28. dojo.xhrGet({
  29. url: 'response.txt',load: helloCallback,error: helloError
  30. });
  31. </script>
  32. </button>
  33. </body>
  34. </head>


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

猜你在找的Dojo相关文章