Cara memanggil API dengan bootstrap

Bootstrap tidak menyediakan fungsi panggilan API dan perlu dilaksanakan menggunakan perpustakaan pihak ketiga seperti JQuery atau Fetch API. JQuery: Selepas memasukkan perpustakaan jQuery, gunakan kaedah $ .jax () untuk menghantar permintaan AJAX. Ambil API: Gunakan fungsi Fetch () untuk menghantar permintaan pengambilan. Contoh: Gunakan jQuery untuk mendapatkan data JSON dan log data yang diterima dalam tindak balas kepada konsol.

Cara memanggil API di bootstrap

Bootstrap adalah kerangka depan yang popular yang tidak menyediakan fungsi memanggil API sendiri. Tetapi panggilan API boleh dilaksanakan dengan menggunakan perpustakaan pihak ketiga seperti JQuery atau Fetch API.

Menggunakan jQuery

1. Import JQuery: Sertakan perpustakaan jQuery di bahagian dokumen HTML.

 <code class="html"><script src="https://ajax.googleapis.com/ajax/libs/jquery/3.6.0/jquery.min.js"></script></code>

2. Hantar permintaan AJAX: Gunakan kaedah $.ajax() untuk menghantar permintaan API.

 <code class="javascript">$.ajax({ url: "https://example.com/api/endpoint", method: "GET", success: function(response) { // 处理成功的响应}, error: function(xhr, status, error) { // 处理错误的响应} });</code>

Menggunakan API Fetch

1. Hantar Permintaan Ambil: Gunakan fungsi fetch() untuk menghantar permintaan API.

 <code class="javascript">fetch("https://example.com/api/endpoint") .then(function(response) { return response.json(); }) .then(function(data) { // 处理成功的响应}) .catch(function(error) { // 处理错误的响应});</code>

Kod Contoh: Dapatkan data JSON

 <code class="javascript">$(document).ready(function() { $.ajax({ url: "https://example.com/api/data", method: "GET", success: function(data) { console.log(data); } }); });</code>

NOTIS:

• Pastikan API membenarkan perkongsian sumber silang domain (CORS).
• Adalah penting untuk menangani tindak balas ralat sekiranya permintaan gagal.
• Bergantung pada format tindak balas, mungkin perlu untuk menghuraikan respons, seperti parsing JSON.

Atas ialah kandungan terperinci Cara memanggil API dengan bootstrap. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!