Rumah hujung hadapan web uni-app hasil permintaan rangkaian uniapp

hasil permintaan rangkaian uniapp

May 26, 2023 am 11:03 AM

Sebagai rangka kerja pembangunan merentas platform, fungsi permintaan rangkaian Uniapp adalah sebahagian daripadanya, kerana aplikasi mudah alih perlu terus mendapatkan data daripada pelayan dan memaparkannya pada peranti pengguna. Apabila membangun dengan Uniapp, antara muka permintaan rangkaian adalah sangat mudah Anda boleh menggunakan API permintaan rangkaian rasmi atau pustaka permintaan rangkaian pihak ketiga yang disediakan oleh uni-app Namun, untuk pemula, beberapa butiran hasil permintaan rangkaian mungkin tidak jelas. Artikel ini akan memperkenalkan secara terperinci kandungan hasil permintaan rangkaian Uniapp yang berkaitan.

API permintaan rangkaian rasmi Uniapp

uni.request(objek) ialah API permintaan rangkaian rasmi Uniapp, yang boleh menghantar permintaan HTTP/HTTPS dan mengembalikan data. Sintaksnya adalah seperti berikut:

uni.request({
url: '',
kaedah: '',
data: {},
pengepala: {},
kejayaan: res => {},
gagal: () => {},
selesai: () => {}
})

url adalah Diperlukan, mewakili alamat yang diminta adalah pilihan, mewakili kaedah permintaan, dan lalai ialah data GET adalah pilihan, mewakili data yang diminta adalah pilihan, mewakili maklumat pengepala permintaan; juga Pilihan pilihan, masing-masing mewakili fungsi panggil balik selepas kejayaan permintaan, kegagalan dan penyiapan.

Di atas ialah contoh konfigurasi permintaan rangkaian yang paling asas Anda juga boleh menetapkan tamat masa permintaan, jenis data respons, pengesahan sijil, dsb. Di bawah kami akan menerangkan cara mendapatkan hasil permintaan rangkaian selepas permintaan selesai.

Struktur hasil permintaan rangkaian

Selepas permintaan rangkaian berjaya, pelayan akan mengembalikan hasil respons Dalam Uniapp, hasil respons disimpan dalam atribut data objek respons. Struktur khusus ditunjukkan dalam rajah di bawah:

hasil permintaan rangkaian uniapp

Kod status respons disimpan dalam atribut Kod status, dan maksud kod status boleh ditanya melalui protokol HTTP. Maklumat pengepala respons disimpan dalam atribut pengepala. Data tindak balas disimpan dalam atribut data dan jenis datanya ialah rentetan atau jenis ArrayBuffer, yang boleh ditukar kepada jenis objek melalui JSON.parse().

Uniapp memperoleh hasil permintaan rangkaian

Apabila pelayan membalas permintaan dengan jayanya, fungsi panggil balik kejayaan dilaksanakan Pada masa ini, hasil tindak balas boleh diperolehi melalui parameter fungsi .

uni.request({

url: 'url',
success: function(res) {
    console.log(res.data); // 响应数据
    console.log(res.statusCode); // 响应状态码
    console.log(res.header); // 响应头信息
},
fail: function(res) {
    console.log(res.errMsg); // 错误信息
}
Salin selepas log masuk

})

Res di sini ialah objek hasil permintaan rangkaian Dalam fungsi panggil balik kejayaan, anda boleh menghantar res.data, res . Atribut seperti statusCode dan res.header memperoleh hasil respons permintaan rangkaian.

Penukaran data respons

Memandangkan format data yang dikembalikan oleh permintaan rangkaian tidak pasti dan mungkin rentetan JSON, rentetan XML atau data format lain, data respons perlu ditukar. Uniapp mempunyai kaedah JSON.parse() terbina dalam yang boleh menukar rentetan JSON kepada jenis objek. Jika data respons tidak dalam format JSON, kaedah penukaran lain boleh digunakan Contohnya, data XML perlu ditukar menggunakan perpustakaan xml2js.

uni.request({
url: 'url',
kejayaan: function(res) {

var jsonStr = res.data;
var jsonObj = JSON.parse(jsonStr); // 将JSON字符串转成JSON对象
Salin selepas log masuk

},
fail: function(res) {

console.log(res.errMsg);
Salin selepas log masuk

}
})

Pengendalian pengecualian

Permintaan rangkaian juga mungkin menghadapi situasi yang tidak normal, seperti: ketiadaan rangkaian, kegagalan pelayan dan ralat lain. Fungsi panggil balik gagal dalam Uniapp dicetuskan apabila ralat berlaku dalam permintaan rangkaian dan boleh diproses berdasarkan maklumat ralat.

uni.request({
url: 'url',
kejayaan: function(res) {

console.log(res.data);
Salin selepas log masuk

},
fail: function(res) {

console.log(res.errMsg); // 打印错误信息
Salin selepas log masuk

}
})

Ringkasan

Melalui pengenalan di atas, kami mengetahui struktur hasil permintaan rangkaian Uniapp, cara mendapatkan hasil permintaan rangkaian, respons penukaran data dan pengendalian Pengecualian dan kandungan lain yang berkaitan. Permintaan rangkaian adalah bahagian penting dalam pembangunan aplikasi mudah alih Ia boleh membantu kami memaparkan data dalam cara yang pelbagai, memberikan pengguna pengalaman yang lebih kaya dan lebih dinamik, dan juga membantu meningkatkan interaktiviti dan fleksibiliti aplikasi.

Atas ialah kandungan terperinci hasil permintaan rangkaian uniapp. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!

Kenyataan Laman Web ini
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

Alat AI Hot

Undresser.AI Undress

Undresser.AI Undress

Apl berkuasa AI untuk mencipta foto bogel yang realistik

AI Clothes Remover

AI Clothes Remover

Alat AI dalam talian untuk mengeluarkan pakaian daripada foto.

Undress AI Tool

Undress AI Tool

Gambar buka pakaian secara percuma

Clothoff.io

Clothoff.io

Penyingkiran pakaian AI

AI Hentai Generator

AI Hentai Generator

Menjana ai hentai secara percuma.

Artikel Panas

R.E.P.O. Kristal tenaga dijelaskan dan apa yang mereka lakukan (kristal kuning)
4 minggu yang lalu By 尊渡假赌尊渡假赌尊渡假赌
R.E.P.O. Tetapan grafik terbaik
4 minggu yang lalu By 尊渡假赌尊渡假赌尊渡假赌
R.E.P.O. Cara Memperbaiki Audio Jika anda tidak dapat mendengar sesiapa
4 minggu yang lalu By 尊渡假赌尊渡假赌尊渡假赌
R.E.P.O. Arahan sembang dan cara menggunakannya
4 minggu yang lalu By 尊渡假赌尊渡假赌尊渡假赌

Alat panas

Notepad++7.3.1

Notepad++7.3.1

Editor kod yang mudah digunakan dan percuma

SublimeText3 versi Cina

SublimeText3 versi Cina

Versi Cina, sangat mudah digunakan

Hantar Studio 13.0.1

Hantar Studio 13.0.1

Persekitaran pembangunan bersepadu PHP yang berkuasa

Dreamweaver CS6

Dreamweaver CS6

Alat pembangunan web visual

SublimeText3 versi Mac

SublimeText3 versi Mac

Perisian penyuntingan kod peringkat Tuhan (SublimeText3)

Bagaimanakah saya menggunakan preprocessors (sass, kurang) dengan uni-app? Bagaimanakah saya menggunakan preprocessors (sass, kurang) dengan uni-app? Mar 18, 2025 pm 12:20 PM

Artikel membincangkan menggunakan SASS dan kurang preprocessors dalam UNI-APP, memperincikan persediaan, faedah, dan penggunaan dwi. Fokus utama adalah pada konfigurasi dan kelebihan. [159 aksara]

Bagaimana saya menggunakan API Animasi Uni-App? Bagaimana saya menggunakan API Animasi Uni-App? Mar 18, 2025 pm 12:21 PM

Artikel ini menerangkan cara menggunakan API Animasi Uni-App, memperincikan langkah-langkah untuk membuat dan menggunakan animasi, fungsi utama, dan kaedah untuk menggabungkan dan mengawal masa animasi.

Apakah jenis ujian yang boleh anda lakukan dalam aplikasi UNIAPP? Apakah jenis ujian yang boleh anda lakukan dalam aplikasi UNIAPP? Mar 27, 2025 pm 04:59 PM

Artikel ini membincangkan pelbagai jenis ujian untuk aplikasi UNIAPP, termasuk unit, integrasi, fungsional, UI/UX, prestasi, silang platform, dan ujian keselamatan. Ia juga meliputi memastikan keserasian silang platform dan mengesyorkan alat seperti JES

Bagaimanakah anda dapat mengurangkan saiz pakej aplikasi UNIAPP anda? Bagaimanakah anda dapat mengurangkan saiz pakej aplikasi UNIAPP anda? Mar 27, 2025 pm 04:45 PM

Artikel ini membincangkan strategi untuk mengurangkan saiz pakej UNIAPP, memberi tumpuan kepada pengoptimuman kod, pengurusan sumber, dan teknik seperti pemisahan kod dan pemuatan malas.

Apakah alat penyahpepijatan yang tersedia untuk pembangunan Uniapp? Apakah alat penyahpepijatan yang tersedia untuk pembangunan Uniapp? Mar 27, 2025 pm 05:05 PM

Artikel ini membincangkan alat penyahpepijatan dan amalan terbaik untuk pembangunan UNIPP, yang memberi tumpuan kepada alat seperti HBuildex, WeChat Developer Tools, dan Chrome Devtools.

Bagaimanakah saya menggunakan API Uni-App untuk mengakses ciri peranti (kamera, geolokasi, dll)? Bagaimanakah saya menggunakan API Uni-App untuk mengakses ciri peranti (kamera, geolokasi, dll)? Mar 18, 2025 pm 12:06 PM

Artikel ini membincangkan menggunakan API UNI-APP untuk mengakses ciri peranti seperti kamera dan geolokasi, termasuk tetapan kebenaran dan pengendalian ralat.

Bagaimana saya menggunakan API Penyimpanan Uni-App (uni.setstorage, uni.getstorage)? Bagaimana saya menggunakan API Penyimpanan Uni-App (uni.setstorage, uni.getstorage)? Mar 18, 2025 pm 12:22 PM

Artikel ini menerangkan cara menggunakan API penyimpanan Uni-App (uni.setstorage, uni.getstorage) untuk pengurusan data tempatan, membincangkan amalan terbaik, penyelesaian masalah, dan menyoroti batasan dan pertimbangan untuk kegunaan yang berkesan.

Bagaimana saya mengesahkan input pengguna di uni-app? Bagaimana saya mengesahkan input pengguna di uni-app? Mar 18, 2025 pm 12:17 PM

Artikel ini membincangkan mengesahkan input pengguna dalam UNI-APP menggunakan JavaScript dan mengikat data, menekankan kedua-dua klien dan pengesahan sisi pelayan untuk integriti data. Plugin seperti Uni-Validate disyorkan untuk pengesahan borang.

See all articles