apicloud implémente les requêtes AJAX (avec code)-js tutoriel-php.cn

apicloud implémente les requêtes AJAX (avec code)

php中世界最好的语言

Libérer： 2018-03-31 10:38:03

original

6532 Les gens l'ont consulté

Cette fois, je vais vous proposer apicloud pour implémenter les requêtes AJAX (avec code). Quelles sont les précautions pour qu'apicloud implémente les requêtes AJAX Voici des cas pratiques, jetons un coup d'oeil.

obtenir le code de demande :

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)});
};
});

Copier après la connexion

POST Demande-Soumission du formulaire :

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)});
};
});

Copier après la connexion

Demande POST-fichiers uniques/multiples, téléchargement de groupe de fichiers :

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)});
};
});

Copier après la connexion

Demande POST - soumettre le flux binaire :

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)});
};
});

Copier après la connexion

Demande POST - soumettre le flux de fichiers :

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)});
};
});

Copier après la connexion

Demande POST-Multipart-Champs de données, fichier et texte soumis ensemble :

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)});
};
});

Copier après la connexion

Demande POST - afficher la progression du téléchargement :

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)});
}
});

Copier après la connexion

[L'API de fin utilise api.ajax pour lire les données de l'interface]

<!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=&#39;<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>

Copier après la connexion

Je pense que vous maîtrisez la méthode après avoir lu le cas dans cet article. Pour des informations plus intéressantes, veuillez prêter attention aux autres articles connexes sur le site Web chinois de php !

Lecture recommandée :

Comment implémenter une requête inter-domaines WebApi Ajax à l'aide de CORS

Implémentation asynchrone du formulaire dans un fichier Ajax télécharger

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!