Rumah > Artikel > hujung hadapan web > 基于apicloudAJAX请求代码合集（绝对详细）

基于apicloudAJAX请求代码合集（绝对详细）

亚连asal: 2018-05-22 09:44:381909semak imbas

下面我就为大家带来一篇基于apicloudAJAX请求代码合集。现在就分享给大家，也给大家做个参考。

get请求代码：

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

POST请求-Form表单提交：

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

POST请求-单个/多个文件，文件组上传：

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

POST请求-提交二进制流：

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

POST请求-提交文件流：

api.ajax({
url: &#39;http://www.xxx.com/path/body&#39;,
method: &#39;post&#39;,
data: {
stream:&#39;filepath&#39;
// 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: &#39;http://www.xxx.com/path/multipart&#39;,
method: &#39;post&#39;,
data: {
values:{name: &#39;devlp&#39;, password: &#39;123456&#39;},
files:{file: &#39;fs://test.png&#39;}
}
},function(ret,err){
if (ret) {
api.alert({msg:JSON.stringify(ret)});
} else {
api.alert({msg:JSON.stringify(err)});
};
});

POST请求-显示上传进度：

api.ajax({
url: &#39;http://www.xxx.com/path/multipart&#39;,
method: &#39;post&#39;,
report: true,
data: {
values:{name: &#39;devlp&#39;, password: &#39;123456&#39;},
files:{file: &#39;fs://test.png&#39;}
}
},function(ret,err){
if(ret){
if(0 == ret.status){
//loading(&#39;进度：&#39; + ret.progress);
}else{
api.alert({msg:&#39;上传成功：\n&#39; + 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:&#39;http://192.168.0.10/get.php&#39;,//如果地址访问不到会请求出错，请填写自己的接口地址
method:&#39;get&#39;,
cache:&#39;false&#39;,
timeout:30,
dataTpye:&#39;json&#39;,
},function(ret,err){
api.hideProgress();//隐藏加载进度框
if(ret){
for(var i=0;i<ret.length;i++){
var html=&#39;<br>&#39;+&#39;ID：&#39;+ret[i].id+&#39;<br>&#39;+&#39;姓名：&#39;+ret[i].name+&#39;<br>&#39;+&#39;性别:&#39;+ret[i].sex+&#39;<br>&#39;+&#39;年龄&#39;+ret[i].age; 
document.write(html);
}
}else{
api.alert({msg:(&#39;错误码：&#39;+err.code+&#39;；错误信息：&#39;+err.msg+&#39;网络状态码：&#39;+err.statusCode)});
}
});
}
</script>
</html>

上面是我整理给大家的，希望今后会对大家有帮助。

如何利用jquery ajax实现文件上传功能

关于jQuery ajax - ajax() 的使用方法

Yii+upload实现AJAX上传图片的方法

Atas ialah kandungan terperinci 基于apicloudAJAX请求代码合集（绝对详细）. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!

Kenyataan：

Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn

Artikel sebelumnya：nodejs更改项目端口号步骤详解Artikel seterusnya：js中async函数使用方法详解

Artikel berkaitan

Lihat lagi