Sammlung von Anforderungscodes basierend auf apicloudAJAX (absolut detailliert)-js-Tutorial-php.cn

Heim

Web-Frontend

js-Tutorial

Sammlung von Anforderungscodes basierend auf apicloudAJAX (absolut detailliert)

亚连

May 22, 2018 am 09:44 AM

api 合集

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

Nach dem Login kopieren

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

Nach dem Login kopieren

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

Nach dem Login kopieren

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

Nach dem Login kopieren

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

Nach dem Login kopieren

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

Nach dem Login kopieren

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

Nach dem Login kopieren

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

Nach dem Login kopieren

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!

Erklärung dieser Website

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

Heiße KI -Werkzeuge

Undresser.AI Undress

KI-gestützte App zum Erstellen realistischer Aktfotos

AI Clothes Remover

Online-KI-Tool zum Entfernen von Kleidung aus Fotos.

Undress AI Tool

Ausziehbilder kostenlos

Clothoff.io

KI-Kleiderentferner

AI Hentai Generator

Erstellen Sie kostenlos Ai Hentai.

Heißer Artikel

R.E.P.O. Energiekristalle erklärten und was sie tun (gelber Kristall)

2 Wochen vor By 尊渡假赌尊渡假赌尊渡假赌

Repo: Wie man Teamkollegen wiederbelebt

4 Wochen vor By 尊渡假赌尊渡假赌尊渡假赌

Hello Kitty Island Abenteuer: Wie man riesige Samen bekommt

4 Wochen vor By 尊渡假赌尊渡假赌尊渡假赌

Wie lange dauert es, um Split Fiction zu schlagen?

3 Wochen vor By DDD

R.E.P.O. Dateispeicherspeicherort: Wo ist es und wie schützt sie?

3 Wochen vor By DDD

Heiße Werkzeuge

Notepad++7.3.1

Einfach zu bedienender und kostenloser Code-Editor

SublimeText3 chinesische Version

Chinesische Version, sehr einfach zu bedienen

Senden Sie Studio 13.0.1

Leistungsstarke integrierte PHP-Entwicklungsumgebung

Dreamweaver CS6

Visuelle Webentwicklungstools

SublimeText3 Mac-Version

Codebearbeitungssoftware auf Gottesniveau (SublimeText3)

Heiße Themen

Wo ist der Login-Zugang für Gmail-E-Mail?

7322

Java-Tutorial

1625

CakePHP-Tutorial

1350

Laravel-Tutorial

1262

PHP-Tutorial

1209

Related knowledge

PHP- und Manticore-Suchentwicklungshandbuch: Erstellen Sie schnell eine Such-API Aug 07, 2023 pm 06:05 PM

PHP- und ManticoreSearch-Entwicklungshandbuch: Erstellen Sie schnell eine Such-API. Die Suche ist eine der unverzichtbaren Funktionen moderner Webanwendungen. Unabhängig davon, ob es sich um eine E-Commerce-Website, eine Social-Media-Plattform oder ein Nachrichtenportal handelt, muss eine effiziente und genaue Suchfunktion bereitgestellt werden, damit Benutzer die Inhalte finden, die sie interessieren. Als Volltextsuchmaschine mit hervorragender Leistung stellt uns ManticoreSearch ein leistungsstarkes Tool zur Erstellung hervorragender Such-APIs zur Verfügung. Dieser Artikel zeigt Ihnen, wie es geht

Wie kann ich Daten durch Aufrufen der API-Schnittstelle in einem PHP-Projekt crawlen und verarbeiten? Sep 05, 2023 am 08:41 AM

Wie kann ich Daten durch Aufrufen der API-Schnittstelle in einem PHP-Projekt crawlen und verarbeiten? 1. Einführung In PHP-Projekten müssen wir häufig Daten von anderen Websites crawlen und diese Daten verarbeiten. Viele Websites bieten API-Schnittstellen, und wir können Daten durch Aufrufen dieser Schnittstellen abrufen. In diesem Artikel wird erläutert, wie Sie mit PHP die API-Schnittstelle zum Crawlen und Verarbeiten von Daten aufrufen. 2. Ermitteln Sie die URL und die Parameter der API-Schnittstelle. Bevor Sie beginnen, müssen Sie die URL der Ziel-API-Schnittstelle und die erforderlichen Parameter ermitteln.

React API Call Guide: So interagieren und übertragen Sie Daten mit der Backend-API Sep 26, 2023 am 10:19 AM

ReactAPI-Aufrufanleitung: So interagieren Sie mit der Backend-API und übertragen Daten an diese. Übersicht: In der modernen Webentwicklung ist die Interaktion mit und die Übertragung von Daten an die Backend-API eine häufige Anforderung. React bietet als beliebtes Front-End-Framework einige leistungsstarke Tools und Funktionen, um diesen Prozess zu vereinfachen. In diesem Artikel wird erläutert, wie Sie mit React die Backend-API aufrufen, einschließlich grundlegender GET- und POST-Anfragen, und es werden spezifische Codebeispiele bereitgestellt. Installieren Sie die erforderlichen Abhängigkeiten: Stellen Sie zunächst sicher, dass Axi im Projekt installiert ist

Oracle API-Nutzungshandbuch: Erkundung der Datenschnittstellentechnologie Mar 07, 2024 am 11:12 AM

Oracle ist ein weltbekannter Anbieter von Datenbankmanagementsystemen und seine API (Application Programming Interface) ist ein leistungsstarkes Tool, das Entwicklern hilft, einfach mit Oracle-Datenbanken zu interagieren und diese zu integrieren. In diesem Artikel befassen wir uns mit dem Oracle API-Nutzungsleitfaden, zeigen den Lesern, wie sie die Datenschnittstellentechnologie während des Entwicklungsprozesses nutzen können, und stellen spezifische Codebeispiele bereit. 1.Orakel

Analyse der Oracle API-Integrationsstrategie: Erreichen einer nahtlosen Kommunikation zwischen Systemen Mar 07, 2024 pm 10:09 PM

Analyse der Oracle API-Integrationsstrategie: Um eine nahtlose Kommunikation zwischen Systemen zu erreichen, sind spezifische Codebeispiele erforderlich. Im heutigen digitalen Zeitalter müssen interne Unternehmenssysteme miteinander kommunizieren und Daten austauschen, und Oracle API ist eines der wichtigen Tools, um eine nahtlose Kommunikation zu erreichen Kommunikation zwischen Systemen. Dieser Artikel beginnt mit den grundlegenden Konzepten und Prinzipien von OracleAPI, untersucht API-Integrationsstrategien und gibt schließlich spezifische Codebeispiele, um den Lesern zu helfen, OracleAPI besser zu verstehen und anzuwenden. 1. Grundlegende Oracle-API

Speichern Sie API-Daten mit Python im CSV-Format Aug 31, 2023 pm 09:09 PM

In der Welt der datengesteuerten Anwendungen und Analysen spielen APIs (Application Programming Interfaces) eine entscheidende Rolle beim Abrufen von Daten aus verschiedenen Quellen. Wenn Sie mit API-Daten arbeiten, müssen Sie die Daten häufig in einem Format speichern, das leicht zugänglich und einfach zu bearbeiten ist. Ein solches Format ist CSV (Comma Separated Values), mit dem tabellarische Daten effizient organisiert und gespeichert werden können. In diesem Artikel wird der Prozess des Speicherns von API-Daten im CSV-Format mithilfe der leistungsstarken Programmiersprache Python erläutert. Indem wir die in diesem Leitfaden beschriebenen Schritte befolgen, erfahren wir, wie wir Daten aus der API abrufen, relevante Informationen extrahieren und sie zur weiteren Analyse und Verarbeitung in einer CSV-Datei speichern. Tauchen wir ein in die Welt der API-Datenverarbeitung mit Python und erschließen wir das Potenzial des CSV-Formats

So gehen Sie mit Laravel-API-Fehlerproblemen um Mar 06, 2024 pm 05:18 PM

Titel: Wie man mit Laravel-API-Fehlerproblemen umgeht, sind spezifische Codebeispiele erforderlich. Bei der Entwicklung von Laravel treten häufig API-Fehler auf. Diese Fehler können verschiedene Ursachen haben, z. B. Logikfehler im Programmcode, Probleme bei Datenbankabfragen oder Fehler bei externen API-Anfragen. Der Umgang mit diesen Fehlerberichten ist ein zentrales Thema. In diesem Artikel wird anhand spezifischer Codebeispiele gezeigt, wie Laravel-API-Fehlerberichte effektiv verarbeitet werden. 1. Fehlerbehandlung in Laravel

PHP-API-Schnittstelle: Erste Schritte Aug 25, 2023 am 11:45 AM

PHP ist eine beliebte serverseitige Skriptsprache, die zum Erstellen von Webanwendungen und Websites verwendet wird. Es kann mit verschiedenen Arten von API-Schnittstellen interagieren und ist während des Entwicklungsprozesses sehr praktisch. In diesem Artikel stellen wir eine Einführung in die PHP-API-Schnittstelle bereit, damit Anfänger schneller lernen, sie zu nutzen. Was ist eine API? API steht für „Application Programming Interface“ und ist eine standardisierte Methode, die es verschiedenen Anwendungen ermöglicht, Daten und Informationen zwischen ihnen auszutauschen. Diese Interaktion wird durch den Besuch einer Website auf W erreicht

See all articles