学习Dojo有些时间了,也整理了一些资料,先来个最入门级别的。HelloWorld
Asp.Net+Dojo
Dojo事件绑定,弹出HelloWorld
- <%@ Page Language="C#" AutoEventWireup="true" CodeBehind="HelloWorldDojo.aspx.cs" Inherits="DojoTest.HelloWorldDojo" %>
- <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
- <html xmlns="http://www.w3.org/1999/xhtml">
- <head runat="server">
- <title></title>
- <%-- 引入 Dojo--%>
- <script src="http://ajax.googleapis.com/ajax/libs/dojo/1.7.2/dojo/dojo.js"
- type="text/javascript"></script>
- <script type="text/javascript">
- function init() {
- //helloworld 函数到按钮的点击事件
- dojo.connect(dojo.byId("mybutton"), "onclick", "helloworld");
- }
- function helloworld() {
- alert("Hello World Dojo!!!")
- }
- dojo.ready(init);
- </script>
- </head>
- <body>
- <input id="mybutton" type="button" value="HelloWorldDojo" />
- </body>
- </html>
Dojo操作DOM版HelloWorld
- <%@ Page Language="C#" AutoEventWireup="true" CodeBehind="HelloDojo.aspx.cs" Inherits="DojoTest.HelloDojo" %>
- <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
- <html xmlns="http://www.w3.org/1999/xhtml">
- <head runat="server">
- <title></title>
- <script src="http://ajax.googleapis.com/ajax/libs/dojo/1.7.2/dojo/dojo.js" type="text/javascript"></script>
- <script type="text/javascript">
- dojo.ready(function () {
- dojo.create(
- "div",
- {
- "innerHTML": "Hello, World!"
- },
- dojo.body()
- );
- });
- </script>
- </head>
- <body>
- <h1>
- My First Dojo Program!</h1>
- <div id="message">
- Hello,Dojo!</div>
- </body>
- </html>
Dojo封装Ajax实现HelloWorld
- <%@ Page Language="C#" AutoEventWireup="true" CodeBehind="HelloDojoAjax.aspx.cs"
- Inherits="DojoTest.HelloDojoAjax" %>
- <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
- <html xmlns="http://www.w3.org/1999/xhtml">
- <head runat="server">
- <title></title>
- <script src="http://ajax.googleapis.com/ajax/libs/dojo/1.7.2/dojo/dojo.js" type="text/javascript"></script>
- <script type="text/javascript">
- function helloWorld(){
- dojo.xhrGet({
- url:"HelloDojo.txt",//请求的服务器资源url
- handleAs:"text",//返回的数据类型
- load:function(response,ioArgs){alert(response);},//成功后回调函数
- error:function(error,ioArgs){alert(error.message);}//出错时回调函数
- });
- }
- //绑定页面加载完成后的初始化函数
- dojo.ready(helloWorld);
- </script>
- </head>
- <body>
- </body>
- </html>
最近对Ajax关注多一些,可能会出一些dojo有关ajax方面的文章。dijit控件也可能谈一谈