学习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控件也可能谈一谈
分享到:
相关推荐
文章用几个简单的实例,让初学者了解dojo的相关知识,和如何使用dojo的相关知识.
NULL 博文链接:https://jianshi-dlw.iteye.com/blog/1174693
dojo入门系列教程,包含入门简介,在javascript基础上介绍dojo的语法特色,ajax的dojo包装---xhr框架的编程要点, Dojo 事件机制.以及对dojo最具特色的web UI设计的全面介绍.
内容很丰富,给有需要的人,壮大dojo社区
随着富互联网应用程序(Rich Internet Application,RIA)的发展,一批 JavaScript Toolkit 也随之兴起 , Dojo 便是其中的优秀代表,本系列文章 将由浅入深带领读者走进 Dojo 的世界。本文作为这个系列的开篇 , 主要...
dojo服务器推送技术的HelloWorld例子 自己查了网上的资料写出来的HelloWorld的例子 自己是个菜鸟 写的不好 希望大家能和我交流
dojo快速入门文档,该文档可以使初学者快速入门,领略dojo的风采。
dojo权威入门教程
Dojo入门指南-中文版 讲的很详细 面向对象编程这和jquery有很大的差别
dojo 入门的选手可以看看。 必有收益啊。
dojo初学者文档,叫你怎么打出hello world!
三、 Dojo学习笔记(3. Dojo的基础对象和方法) 6 四、 Dojo学习笔记(4. dojo.string & dojo.lang) 9 五、 Dojo学习笔记(5. dojo.lang.array & dojo.lang.func & dojo.string.extras) 13 六、 Dojo学习笔记(6. dojo.io...
dojo学习笔记(三) dojo学习笔记(二) dojo.lang.array & dojo.lang.func & dojo.string.extras dojo学习笔记(六)- ContentPane dojo学习笔记(四) dojo的拖拽示例以及疑问! 介绍dojo事件 使用 Dojo ...
dojo dojo实例 dojo例子 dojo资料 dojo项目 dojo实战 dojo模块 dojo编程
dojo学习笔记(三) dojo学习笔记(二) dojo.lang.array & dojo.lang.func & dojo.string.extras dojo学习笔记(六)- ContentPane dojo学习笔记(四) dojo的拖拽示例以及疑问! 介绍dojo事件 使用 Dojo ...
dojo学习笔记(三) dojo学习笔记(二) dojo.lang.array & dojo.lang.func & dojo.string.extras dojo学习笔记(六)- ContentPane dojo学习笔记(四) dojo的拖拽示例以及疑问! 介绍dojo事件 使用 Dojo ...
dojo1.8.chm + dojo1.11中文入门手册pdf,分享给有需要的同学
dojo官方网站上Dojo Quick Start的中文版 英文版原址:http://sitepen.com/labs/guides/?guide=DojoQuickStart
dojo学习笔记(三) dojo学习笔记(二) dojo.lang.array & dojo.lang.func & dojo.string.extras dojo学习笔记(六)- ContentPane dojo学习笔记(四) dojo的拖拽示例以及疑问! 介绍dojo事件 使用 Dojo ...
3 设置和配置Dojo................................. 4 3.1 选择正确的Dojo........... 4 3.1 选择正确的Dojo创建.............4 3.2 动态加载 package....5 3.3 定制的创建............. 5 4 应用:旅行路线...