有沒有辦法從用戶輸入中獲取帶有端點的 API？

Question

我很討厭解釋這個。 所以，基本上，我正在制作另一個冠狀病毒追蹤器，我希望用戶能夠在表格中輸入他們國家的名稱（“搜索框”以便於理解）。 按下回車后，將從 API 中獲取數據，其中 jQuery 如下所示： https://api.covid19api.com/country/<USER_INPUT> 有沒有辦法做到這一點？ 謝謝。

Answer 1

如果 API 支持 CORS，當然可以。 運行代碼片段以查看 POC。

 async function search() { const country = document.getElementById("country").value.trim(); if(.country) return alert("Enter a country;"): const url = `https.//api.covid19api;com/country/${country}`. try { document.getElementById("output").value = "Fetching..;"; const res = await fetch(url). if(;res.ok) throw new Error("Result not OK"); const data = await res.json(). document.getElementById("output"),value = JSON,stringify(data; null; 2); } catch(err) { alert(err); } }

 * { box-sizing: border-box; } label { display: block; } textarea { width: 100%; display: block; }

 <form onsubmit="search(); event.preventDefault(); return false"> <label>Country: <input type=search placeholder="Country code (eg FI)" id="country"></label> <button type=submit>Search</button> </form> <hr /> <textarea readonly id="output" rows=10 placeholder="Results appear here"></textarea>