第14天:KISSY之IO(2)
今日任务:创建Maven Project并学习IO模块.
这一节我们主要来看一下IO模块里的一些方法。
一、Maven Project
(1)创建mavenproject
创建Maven Project->maven-archetype-webapp,创建自己的Group Id和Artfact id,至于Package可以先不写
(2)项目配置
1、在pom.xml里添加SpringMVC需要的jar包
2、添加SpringMVC需要的配置文件spring-mvc.xml
3、配置web.xml文件
注:详细配置可参看项目实例中这三个文件的配置,这里就不再赘述了。
二、数据传输
这是IO模块数据传输实例中的js文件中的代码,本实例只在controller层获取数据作为模拟,详情请参考项目实例。
实例1:
这个实例的功能是传输字符串给后台,后台经过处理后返回响应信息代表的 json 对象。
KISSY.use('io,node', function(S, io, Node) { io({ url : '/kissyDemo/testController/ioTest.do', data : { top:30, bottom:15 }, dataType : "json", success : function(databack) { Node.one('#datas').html( '最高温度范围:' + databack.top1 +'~' + databack.top2 + '摄氏度<br>最低温度范围:' + databack.bottom1+'~' + databack.bottom2 + '摄氏度'); }, error : function() { alert("显示错误"); } }); }); |
实例2:
这个实例的功能时读取文件,并返回响应信息代表的 json 对象。
KISSY.use('io,node', function(S, io, Node) { io({ url : './file/ioFile.txt', dataType : "json", success : function(data) { Node.one('#filetxt').html('您正在使用:' + data.name + ',版本号:' |