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'} //键值对 } },err){ if (ret) { api.alert({msg:JSON.stringify(ret)}); } else { api.alert({msg:JSON.stringify(err)}); }; });
api.ajax({ url: 'http://www.xxx.com/path/upLoad',data: { files:{myfile: 'filepath'} // filepath来自ios或者Android的文件系统中的任意文件。可设置多个文件,甚至是文件数组,如files:{myfile: 'filepath',myfile1: 'filepath1'}或者files:{'myfile[]': ['filepath','filepath1']}等 } },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',data: { body:'textbits' } },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',data: { stream:'filepath' // filepath来自ios或者Android的文件系统中的任意文件 } },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',data: { values:{name: 'devlp',password: '123456'},files:{file: 'fs://test.png'} } },err){ if (ret) { api.alert({msg:JSON.stringify(ret)}); } else { api.alert({msg:JSON.stringify(err)}); }; });
api.ajax({ url: 'http://www.xxx.com/path/multipart',report: true,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',},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请求代码合集就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持编程小技巧。