Pengenalan terperinci kepada permintaan latar belakang UniApp

UniApp ialah rangka kerja pembangunan merentas platform berdasarkan Vue.js, yang menyokong pembangunan aplikasi iOS, Android dan Web menggunakan set kod yang sama. Dalam UniApp, kami boleh menggunakan permintaan AJAX untuk berkomunikasi dengan pelayan bahagian belakang untuk mendapatkan atau menyerahkan data. Dalam artikel ini, kami akan memperkenalkan permintaan latar belakang UniApp secara terperinci.

Dalam UniApp, kami menggunakan uni.request atau uni.uploadFile untuk memulakan permintaan rangkaian HTTP. Kaedah uni.request digunakan untuk permintaan biasa, manakala kaedah uni.uploadFile digunakan untuk memuat naik fail.

Pertama, mari kita lihat cara menggunakan kaedah uni.request. Kaedah ini akan mengembalikan objek Promise dan kami boleh menggunakan panggilan berantai untuk mengendalikan permintaan.

uni.request({
    url: 'http://www.example.com/api',
    data: {
        name: '小明',
        age: 18
    },
    method: 'POST',
    header: {
        'content-type': 'application/json'
    }
}).then(res => {
    console.log(res.data);
}).catch(err => {
    console.error(err);
});

Dalam kod di atas, kami meminta data daripada pelayan. Kami menggunakan kaedah POST dan menghantar data dalam format JSON. Seterusnya, kami menetapkan pengepala permintaan untuk memberitahu pelayan bahawa kami menggunakan data dalam format JSON. Akhir sekali, kami menggunakan operasi tak segerak berasaskan Janji untuk memproses tindak balas pelayan.

Sekarang, mari kita lihat cara memuat naik fail ke pelayan menggunakan kaedah uni.uploadFile.

uni.chooseImage({
    success: function (res) {
        uni.uploadFile({
            url: 'http://www.example.com/upload',
            filePath: res.tempFilePaths[0],
            name: 'file',
            formData: {
                'user': '小明'
            },
            success: function (uploadRes) {
                console.log(uploadRes);
            },
            fail: function (err) {
                console.error(err);
            }
        });
    }
});

Dalam kod di atas, kami menggunakan kaedah uni.chooseImage untuk memilih gambar daripada album atau kamera. Seterusnya, kami memuat naik imej ini menggunakan kaedah uni.uploadFile. Dalam permintaan ini, kami lulus dalam tiga parameter: laluan ke fail, nama fail dan data borang. Akhir sekali, kami memproses respons pelayan.

Sudah tentu, terdapat beberapa pilihan dan konfigurasi lain yang boleh dicapai melalui konfigurasi. Pilihan dan konfigurasi ini termasuk:

1. url: URL pelayan yang diminta;
2. method: kaedah permintaan yang digunakan; permintaan data;
3. data: permintaan pengepala mesej;
4. header: jenis data respons;
: pengesahan sijil SSL;
5. dataType
: fungsi panggil balik apabila permintaan berjaya;
6. timeout
: fungsi panggil balik apabila permintaan gagal; 🎜>: fungsi panggil balik apabila permintaan tamat;
7. sslVerify
: bentuk data semasa memuat naik fail; >: Laluan fail dimuat naik;
8. success
: Tamat masa muat naik.
9. fail
Antara pilihan dan konfigurasi di atas,
10. , complete,
,
11. , formData dan
diperlukan dan yang lain adalah pilihan.
12. nameApabila kami perlu meminta data dari latar belakang, kami juga boleh menggunakan API peringkat tinggi uni.request:
dan
13. . API ini ialah panggilan tak segerak berasaskan Promise, yang memberikan kawalan yang lebih baik ke atas aliran kod tak segerak dan pengendalian ralat. filePath
Untuk meringkaskan, UniApp boleh menggunakan kaedah
14. dan kaedah timeout untuk membuat permintaan rangkaian dan muat naik fail. Kami boleh mengendalikan respons pelayan dengan mengkonfigurasi pilihan permintaan dan menggunakan fungsi panggil balik. Sudah tentu, kami juga boleh menggunakan API peringkat lebih tinggi, seperti
dan

, untuk mengawal aliran dan pengendalian ralat kod tak segerak dengan lebih baik.

Atas ialah kandungan terperinci Pengenalan terperinci kepada permintaan latar belakang UniApp. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!