dojo1.7翻译 Hello,World
原文地址:http://dojotoolkit.org/reference-guide/1.7/quickstart/helloworld.html#quickstart-helloworld
?
这篇文章是为那些dojo新手而写的。这里会尽可能的介绍一些dojo的内容,但不可能非常的详细,因为如果太详细就会使新手误解dojo是这些的复杂这么的难学,从而可能会吓退部分的初学者。如果想了解更多的内容,就去找专门的API或文章了。
?
所需要的环境
?
配置dojo
在web服务器里我们来创建一个文件夹,起名HelloWorldTutorial,在里面再创建一个子文件夹dojoroot,把dojo的下载文件解压后放到这个子文件夹下,最后效果如图
?
开始来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的。
具体服务器文件实现方式略去。
?