欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页  >  IT编程

基于apicloudAJAX请求代码合集

程序员文章站 2022-06-22 13:06:56
get请求代码: api.ajax({ url:'http://m.weather.com.cn/data/101010100.html' //天气预报网站的w...

get请求代码:

api.ajax({
url:'http://m.weather.com.cn/data/101010100.html' //天气预报网站的webservice接口
},function(ret,err){
if (ret) {
api.alert({msg:json.stringify(ret)});
} else {
api.alert({msg:json.stringify(err)});
};
});

post请求-form表单提交:

api.ajax({
url: 'http://www.xxx.com/path/form',
method: 'post',
datatype: 'text', //该参数若不传,则默认为json
data: {
values:{name: 'devlp', password: '123456'} //键值对
}
},function(ret,err){
if (ret) {
api.alert({msg:json.stringify(ret)});
} else {
api.alert({msg:json.stringify(err)});
};
});

post请求-单个/多个文件,文件组上传:

api.ajax({
url: 'http://www.xxx.com/path/upload',
method: 'post',
data: {
files:{myfile: 'filepath'}
// filepath来自ios或者android的文件系统中的任意文件。可设置多个文件,甚至是文件数组,如files:{myfile: 'filepath', myfile1: 'filepath1'}或者files:{'myfile[]': ['filepath', 'filepath1']}等
}
},function(ret,err){
if (ret) {
api.alert({msg:json.stringify(ret)});
} else {
api.alert({msg:json.stringify(err)});
};
});

post请求-提交二进制流:

api.ajax({
url: 'http://www.xxx.com/path/body',
method: 'post',
data: {
body:'textbits'
}
},function(ret,err){
if (ret) {
api.alert({msg:json.stringify(ret)});
} else {
api.alert({msg:json.stringify(err)});
};
});

post请求-提交文件流:

api.ajax({
url: 'http://www.xxx.com/path/body',
method: 'post',
data: {
stream:'filepath'
// filepath来自ios或者android的文件系统中的任意文件
}
},function(ret,err){
if (ret) {
api.alert({msg:json.stringify(ret)});
} else {
api.alert({msg:json.stringify(err)});
};
});

post请求-multipart-data,文件和文本字段一起提交:

api.ajax({
url: 'http://www.xxx.com/path/multipart',
method: 'post',
data: {
values:{name: 'devlp', password: '123456'},
files:{file: 'fs://test.png'}
}
},function(ret,err){
if (ret) {
api.alert({msg:json.stringify(ret)});
} else {
api.alert({msg:json.stringify(err)});
};
});

post请求-显示上传进度:

api.ajax({
url: 'http://www.xxx.com/path/multipart',
method: 'post',
report: true,
data: {
values:{name: 'devlp', password: '123456'},
files:{file: 'fs://test.png'}
}
},function(ret,err){
if(ret){
if(0 == ret.status){
//loading('进度:' + ret.progress);
}else{
api.alert({msg:'上传成功:\n' + json.stringify(ret)});
}
}else{
api.alert({msg:json.stringify(err)});
}
});

【端api使用api.ajax读取接口数据】

<!doctype html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="maximum-scale=1.0,minimum-scale=1.0,user-scalable=0,width=device-width,initial-scale=1.0"/>
<title>test</title>
</head>
<body>
<button onclick="showpersoninfo()">点我获取数据</button>
</body>
<script type="text/javascript" src="../script/api.js"></script>
<script>
function showpersoninfo(){
api.showprogress();//显示加载进度框
//使用api.ajax请求数据,具体使用方法和参数请看官方文档,这里使用get方法演示
api.ajax({
url:'http://192.168.0.10/get.php',//如果地址访问不到会请求出错,请填写自己的接口地址
method:'get',
cache:'false',
timeout:30,
datatpye:'json',
},function(ret,err){
api.hideprogress();//隐藏加载进度框
if(ret){
for(var i=0;i<ret.length;i++){
var html='<br>'+'id:'+ret[i].id+'<br>'+'姓名:'+ret[i].name+'<br>'+'性别:'+ret[i].sex+'<br>'+'年龄'+ret[i].age; 
document.write(html);
}
}else{
api.alert({msg:('错误码:'+err.code+';错误信息:'+err.msg+'网络状态码:'+err.statuscode)});
}
});
}
</script>
</html>

以上这篇基于apicloudajax请求代码合集就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持。