loading使用APICloud编写优雅的HTML5代码《一》
一、实现下拉刷新：
默认样式》代码清晰简洁明了，符合ECMA262规范的callback，最少只需5行代码：
apiready = function(){
api.setRefreshHeaderInfo(function(ret, err){
//refresh event callback toDoRequest(); }); } //do ajax
function toDoRequest(){
api.ajax({}, function(ret, err){// GET、POST、PUT、DELETE、…
api.refreshHeaderLoadDone(); //复位下拉刷新 //do your business }); }
自定义样式》参数灵活可自由定义，非必选，实现自定义下拉刷新头的信息：
apiready = function(){
var param = {};
param.loadingImgae = 'widget://image/refresh.png'; //定义刷新小箭头的图片 param.bgColor = '#ccc'; //定义下拉刷新区域的背景 param.textColor = '#fff'; //定义下拉刷新提示文字的颜色 param.textDown = '下拉试试...'; //定义下拉刷新文字 param.textUp = '松开试试...'; //定义松开刷新文字 param.showTime = true; //定义是否显示最后一次刷新时间 api.setRefreshHeaderInfo(param, function(ret, err){
toDoRequest(); }); }
function toDoRequest(){
api.ajax({}, function(ret, err){
api.refreshHeaderLoadDone(); //do your business }); }
//复位下拉刷新
二、实现加载更多：
通过监听页面滚动到底部事件来实现：
apiready = function(){
api. addEventListener({name:'scrolltobottom'}, function(ret, err){
//refresh event callback toDoRequest(); }); }
//do ajax
function toDoRequest(){
api.ajax({}, function(ret, err){// GET、POST、PUT、DELETE、…
//do your business }); }
APICloud开放的端API简洁明了，效率高，规范、语义明确。极大提高了开发人员的工作效率，以及代码的可读性、维护性、扩展性