kissy ajax,KISSY入门篇

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

http://docs.kissyui.com/