Heim > Artikel > Web-Frontend > Sammlung von Anforderungscodes basierend auf apicloudAJAX (absolut detailliert)

Sammlung von Anforderungscodes basierend auf apicloudAJAX (absolut detailliert)

亚连Original: 2018-05-22 09:44:382005Durchsuche

Jetzt bringe ich Ihnen eine Sammlung von Anforderungscodes basierend auf apicloudAJAX. Lassen Sie mich es jetzt mit Ihnen teilen und es allen als Referenz geben.

Anfragecode erhalten:

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-Anfrage-Formular Formulareinreichung:

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-Anfrage- Einzelne/mehrere Dateien, Dateigruppen-Upload:

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-Anfrage – Binärstream senden:

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-Anfrage-Datei-Übermittlungsablauf:

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 request-Multipart-Daten, Datei- und Textfelder zusammen übermittelt:

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-Anfrage - Upload-Fortschritt anzeigen:

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

[ Die End-API verwendet api.ajax, um Schnittstellendaten zu lesen.]

<!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>

Das Obige habe ich für alle zusammengestellt, ich hoffe, dass es so sein wird hilfreich für alle in der Zukunft. Hilfreich.

Verwandte Artikel:

So verwenden Sie JQuery Ajax, um die Datei-Upload-Funktion zu implementieren

Über jQuery ajax – So verwenden Sie ajax()

Yii+upload-Methode zum Implementieren von AJAX-Upload-Bildern

Das obige ist der detaillierte Inhalt vonSammlung von Anforderungscodes basierend auf apicloudAJAX (absolut detailliert). Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

Stellungnahme：

Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn

Vorheriger Artikel：Detaillierte Erläuterung der Schritte zum Ändern der Projektportnummer in nodejsNächster Artikel：Detaillierte Erläuterung der Schritte zum Ändern der Projektportnummer in nodejs

In Verbindung stehende Artikel

Mehr sehen