首页 诗词 字典 板报 句子 名言 友答 励志 学校 网站地图
当前位置: 首页 > 教程频道 > 网站开发 > Web前端 >

dojo1.7通译 Hello,World

2012-07-15 
dojo1.7翻译Hello,World原文地址:http://dojotoolkit.org/reference-guide/1.7/quickstart/helloworld.htm

dojo1.7翻译 Hello,World

原文地址:http://dojotoolkit.org/reference-guide/1.7/quickstart/helloworld.html#quickstart-helloworld

?

这篇文章是为那些dojo新手而写的。这里会尽可能的介绍一些dojo的内容,但不可能非常的详细,因为如果太详细就会使新手误解dojo是这些的复杂这么的难学,从而可能会吓退部分的初学者。如果想了解更多的内容,就去找专门的API或文章了。

?

所需要的环境

    要有dojo.从dojotoolkit.org下载最新版的。要有一个web服务器。dojo的很多功能要部署在服务器上才出展现要有一门语言的容器ASP,PHP,JSP的都行。因为dojo的ajax功能需要这种客户端-服务端架构IE,firefox,opera,safar浏览器。。。

?

配置dojo

在web服务器里我们来创建一个文件夹,起名HelloWorldTutorial,在里面再创建一个子文件夹dojoroot,把dojo的下载文件解压后放到这个子文件夹下,最后效果如图

dojo1.7通译    Hello,World

?

开始来dojo了

好了,我们开始来设计我们的html页面了。创建一个页面,使内容如下

?在上面代码中,我们要注意的是data-dojo-type这个属性。这个属性就是用于通知dojo如何来操作当前的元素。上面的代码就是让dojo对当前元素进行dijit.form.button的相关处理.只要发现了data-dojo-type这处属性就会对其进行相应的操作

?

给控件加上事件

现在要给控件加上一个事件了,虽然我们可以给其加上一个onClick事件,但是我们还有另一种更有效的处理方法。就是加入dojo事件系统。

最简单的加入方法就是给按钮加入一个脚本标签。但不是任意的标签。这里的是dojo/method的脚本标签,参考以下代码

简单吧。把脚本标签写在元素内部在某种意义上来说是有好处的。这样可以充分的使用二级事件。比如,对于能检测到是否在这个元素上进行了ctrl或shift等组合键的操作等等。如果你使用过这种二级事件处理的话,你将会知道,IE和Firefox是有不同的处理方式的。而对于dojo来说,处理的代码都是一样的。这是dojo很强的地方。

?

从服务器中读数据

点击按钮会弹出提示信息的效果已经做出来了。那现在来做个从服务器中取数据的效果。

dojo有一个简单的方法可以完成这个功能,使用dojo.xhrGet。

现在我们将从服务器中取文件response.txt这个文件中的内容。

第一步,我们要创建一个回调函数来处理从服务器读取到的数据。我们将它alert出来。加入以下语句

?

?

?改成

?

?

?上面的代码就完成这个功能了,它告诉dojo,使用url的方式去取服务器内容,用load的函数来处理取到的内容。如果访问出错,就用error函数来处理错误信息。

?

?

通过GET方法向服务器发送信息

现在我们使用GET方法向服务器发送信息,这在服务器里要有一个文件,起名为HelloWorldResponseGET.jsp文件

当然了,如果你用别的语言,那就可能是.asp .php .cfm等类型了

现在由于我们要发送信息,所以我们要加入一个输入框,把以前的代码

?

?

?改成

?

?

?对于以上的url地址,要注意对应自己所选用的语言。

从上面的代码中我们可以发现,现在多个一个属性。content,这个属性可以含有合适的参数以传后服务器中,name就是后台服务器所要接的参数。如果后台服务器要接的参数是myName,则代码就要改成?

?

?COLDFUSION服务器

?

?

使用POST方式提交内容到服务器中

要改成POST方式提交非常的简单,稍微改下方法就行了。

第一步,加入form元素

把代码

?

?改成

?

?第二步,把方法

?

?改成

?

?从上面代码可以看出来,我们改了一下方法名,把xhrGET改成了xhrPost,把content属性删除了。加入了表单元素。

再就是改下服务器中的处理文件了,这个和GET方法中的处理差不多,就是把取GET的改成取POST的。

具体服务器文件实现方式略去。

?

热点排行