Rumah > Artikel > hujung hadapan web > Bagaimana untuk menghantar parameter id semasa memanggil antara muka dalam Uniapp
Dalam pembangunan Uniapp, beberapa parameter perlu diluluskan semasa memanggil antara muka hujung belakang, salah satu parameter biasa ialah id. Id antara muka biasanya merujuk kepada pengecam unik data yang mana operasi perlu dilakukan. Artikel ini akan memperkenalkan cara untuk menghantar parameter id apabila memanggil antara muka dalam Uniapp.
1. Jenis parameter id
Apabila menghantar parameter id, anda perlu mengetahui jenis id yang diwakili. Biasanya, id boleh daripada jenis angka atau rentetan. Dalam pembangunan bahagian belakang, jenis data id mungkin integer, integer panjang, rentetan, dll., jadi jenis id perlu ditentukan mengikut dokumen pembangunan antara muka belakang.
2. Lulus parameter id apabila memanggil antara muka
1 Lulus parameter id melalui querystring
Dalam permintaan GET, parameter permintaan boleh dihantar melalui querystring. Rentetan pertanyaan ialah rentetan yang bermula dengan tanda soal (?), diikuti dengan berbilang parameter yang terdiri daripada "pasangan nilai kunci", dipisahkan dengan "&" antara parameter. Contohnya:
http://www.example.com/api/user?id=123456
Dalam URL di atas, id=123456 ialah parameter rentetan pertanyaan, dengan id ialah nama parameter dan 123456 ialah nilai parameter.
Dalam Uniapp, apabila menggunakan uni.request untuk memulakan permintaan GET, anda boleh lulus parameter id dengan menambahkan rentetan pertanyaan. Contohnya:
uni.request({ url: 'http://www.example.com/api/user', data: { id: '123456' }, success: function (res) { console.log(res.data) } })
Dalam kod di atas, parameter id dihantar melalui atribut data dan alamat antara muka ialah 'http://www.example.com/api/user'. Rentetan pertanyaan akan dijana secara automatik dalam permintaan dan URL terakhir yang diminta ialah 'http://www.example.com/api/user?id=123456'.
2 Lulus parameter id melalui url
Dalam sesetengah kes, parameter id perlu ditambahkan terus ke URL yang diminta. Contohnya:
uni.request({ url: `http://www.example.com/api/user/${id}`, success: function (res) { console.log(res.data) } })
Dalam kod di atas, kutu belakang (`) digunakan untuk menentukan URL yang mengandungi id pembolehubah. Dalam permintaan sebenar, URL akan digantikan dengan 'http://www.example.com/api/user/123456', dengan 123456 ialah nilai id sebenar.
3 Lulus parameter id melalui badan permintaan
Dalam permintaan POST, parameter tidak boleh ditambahkan terus ke URL, tetapi parameter perlu ditambahkan pada badan permintaan. Anda boleh menggunakan parameter dalam format JSON atau parameter dalam format borang, yang anda pilih mengikut dokumen antara muka bahagian belakang.
uni.request({ url: 'http://www.example.com/api/user', method: 'POST', header: { 'content-type': 'application/json' }, data: { id: 123456 }, success: function (res) { console.log(res.data) } })
Dalam kod di atas, gunakan JSON.stringify untuk menyerikan objek parameter ke dalam format JSON dan kemudian tambahkannya pada data dalam hartanah.
uni.request({ url: 'http://www.example.com/api/user', method: 'POST', header: { 'content-type': 'application/x-www-form-urlencoded' }, data: { id: 123456 }, success: function (res) { console.log(res.data) } })
Dalam kod di atas, gunakan contentType sebagai 'application/x-www-form-urlencoded' dan tetapkan parameter objek Serialize untuk membentuk format dan tambahkannya pada atribut data.
3. Ringkasan
Terdapat banyak cara untuk menghantar parameter id semasa memanggil antara muka dalam Uniapp Anda boleh memilih kaedah yang sesuai mengikut dokumentasi penggunaan antara muka belakang. Apabila menggunakan querystring untuk lulus parameter, anda perlu memberi perhatian kepada had panjang URI apabila menggunakan permintaan POST, anda perlu memberi perhatian kepada format badan permintaan. Selepas menguasai kemahiran ini, anda boleh memanggil antara muka dengan lancar dan lulus parameter id dalam Uniapp.
Atas ialah kandungan terperinci Bagaimana untuk menghantar parameter id semasa memanggil antara muka dalam Uniapp. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!