WHAT IS KISSY ?
KISSY 是一款跨终端、模块化、高性能、使用简单的 JavaScript 框架。除了完备的工具集合如 DOM、Event、Ajax、Anim 等，它还提供了经典的面向对象、动态加载、性能优化解决方案。作为一款全终端支持的 JavaScript 框架，KISSY 为移动终端做了大量适配和优化，让你的程序在全终端均能流畅运行。
引入KISSY
1、引入线上kissy。1
2、引入本地kissy。1
hello world
1、启动：Hello World!1
2
3KISSY.ready(function(S){
alert('Hello World!');
});
2、DOM操作：获取一个className叫continue的button，并将它的内容改为”Hello Kissy”。1
2
3KISSY.use('node',function(S,Node){
Node.one('button.continue').html('Hello Kissy!');
});
3、事件处理：点击一个id为click-me的button，显示#banner-msg的内容。1
2
3
4
5KISSY.use('node',function(S,Node){
Node.one('#click-me').on('click',function(e){
Node.one('#banner-msg').show();
});
});
4、Ajax：请求本地数据/data/ajax-data.json，带入参数zipcode，将结果显示在#weather-con中。1
2
3
4
5
6
7
8
9
10
11KISSY.use('io,node',function(S,io,Node){
io({
url:'./data/ajax-data.json',
data:{
zipcode:10010
},
success:function(data){
Node.one('#weather-con').html('' + data.weather + '摄氏度');
}
});
});
源码分享
书签
KISSY - A Powerful JavaScript Framework
/
如果觉得《kissy ajax KISSY入门篇》对你有帮助，请点赞、收藏，并留下你的观点哦！
