开发者社区> niunan> 正文
阿里云
为了无法计算的价值
打开APP
阿里云APP内打开

apicloud开发笔记

简介: 第一次用apicloud做正式项目 ,下面把做的过程中用到的代码段列出来。。。。都是从文档里复制的代码,只是感觉官网那个文档好难找哦。。。     注:api.????的方法都是在APP中调用才行的,$api.
+关注继续查看

第一次用apicloud做正式项目 ,下面把做的过程中用到的代码段列出来。。。。都是从文档里复制的代码,只是感觉官网那个文档好难找哦。。。

 

 

注:api.????的方法都是在APP中调用才行的,$api.???方法是引入那个JS后就可以调用了

取普通文本框的值:var mobile = $api.val($api.byId('mobile'));

取单选框的值:var sex = $api.val($api.dom("input[name='sex']:checked"))

设置顶部header向下移:$api.fixStatusBar($api.dom('header')); (在自己手机上发现iphone7 ios11.2 是会把header向下移,不会盖着信号栏,header上下边距一样,但是在魅族mx2 android5.0.1 下还是会下移,信号栏本来不会盖着的,但是他下移后造成header上下边距不一样了)

判断用户是否登录需要用:
if($api.getStorage('userid') ==undefined ){
api.openWin({
name: 'login',
url: 'html/login.html'
});
}
而不能是
var userid = $api.getStorage('userid')
ifuserid==undefined){
...
}

AJAX调用前弹出加载中框框:
api.showProgress({
title: '努力加载中...',
text: '先喝杯茶...',
modal: true
});

AJAX调用:(注:AJAX调用的URL地址中不能有_, 要不然在安卓机子上会出问题,弄了一天了才发现这个BUG)
api.ajax({
url: url,
method: 'post',
data: {
values: postdata
}
},function(ret, err){

api.hideProgress();

if (ret) {

$api.setStorage('userid', ret.userid);
$api.setStorage('username', ret.username);
$api.setStorage('useremail', ret.useremail);
$api.setStorage('usermobile', ret.usermobile);
$api.setStorage('useralipay', ret.useralipay);
$api.setStorage('userweixin', ret.userweixin);
$api.setStorage('usersex', ret.usersex);
$api.setStorage('useridcard', ret.useridcard);
api.closeWin();
console.log("登录后返回的userid:"+ret.userid);
} else {
alert( JSON.stringify( err ) );
}
});

上拉加载和下拉刷新:
var pageindex = 1;
apiready = function() {
$api.fixStatusBar($api.dom('header'));

//上拉加载
api.addEventListener({
name: 'scrolltobottom',
extra: {
threshold: 0 //设置距离底部多少距离时触发,默认值为0,数字类型
}
}, function(ret, err) {
console.log("加载第" + (++pageindex) + "页");
});
//下拉刷新
api.setRefreshHeaderInfo({
loadingImg: 'widget://image/refresh.png',
bgColor: '#ccc',
textColor: '#fff',
textDown: '下拉刷新...',
textUp: '松开刷新...'
}, function(ret, err) {
//在这里从服务器加载数据,加载完成后调用api.refreshHeaderLoadDone()方法恢复组件到默认状态
api.refreshHeaderLoadDone();
});
}


顶部那个返回按钮对应的方法:
/**
*该方法用来返回页面
* **/
function comeBack() {
api.historyBack({}, function(ret, err) {
if (!ret.status) {
api.closeWin();
}
});
}

版权声明:本文内容由阿里云实名注册用户自发贡献,版权归原作者所有,阿里云开发者社区不拥有其著作权,亦不承担相应法律责任。具体规则请查看《阿里云开发者社区用户服务协议》和《阿里云开发者社区知识产权保护指引》。如果您发现本社区中有涉嫌抄袭的内容,填写侵权投诉表单进行举报,一经查实,本社区将立刻删除涉嫌侵权内容。

相关文章
仿网易云项目笔记
仿网易云项目笔记
0 0
Obsidian使用初体验
Obsidian使用初体验
0 0
【番外篇】客户端开发(Electron)无源码如何做汉化
【番外篇】客户端开发(Electron)无源码如何做汉化
0 0
153X开发笔记之PMU
153X开发笔记之PMU
0 0
IOS开发初体验
IOS开发初体验 搭建开发环境 不多说什么了,开发环境的搭建太简单了,上App Store搜索XCode下载就行了,说多了都是眼泪 创建第一个IOS项目——HolleIO...
428 0
apicloud
http://www.apicloud.com/
506 0
google chrome插件开发,自己动手,丰衣足食
因为平时上网都用chrome,但总感觉除了速度快,简洁以外总还有地方满足不了我的需要,然后找插件…后来发现,插件虽然海量但找个称心如意的也不是件容易的事儿,用在找插件的时间都能自己写一个了,于是,今年夏天开始的闲暇时间也写了几个,然后在应用中心断断续续发布了,这些插件原本是给自己用的,但也有几个用户专门找我提出了他们的需求。
1685 0
+关注
niunan
没有什么网站是数据库增删查改做不了的,如果有,那就不接这单!
文章
问答
文章排行榜
最热
最新
相关电子书
更多
ios开发者必读咨讯
立即下载
小程序开发不求人电子书
立即下载
《 IOS开发者必读资讯》
立即下载