TA貢獻1846條經驗 獲得超7個贊
let searchText = document.getElementByID('searchText').value;
let searchBtn = document.getElementByID('searchBtn').addEventListener('click',search());
async function search(){
let results = await axios.get(`http://api.giphy.com/v1/gifs/search?q=${searchText}/&api_key=dc6zaTOxFJmzC`)
console.log(results);
}
為您的輸入字段提供一個 searchText ID 并獲取值并將其存儲在變量中。將點擊事件偵聽器添加到您的搜索按鈕并調用搜索函數并使用模板文字將值傳遞到您的 URL 字符串中的 searchText 變量中。${your_variable}.
TA貢獻1995條經驗 獲得超2個贊
http://api.giphy.com/v1/gifs/search?q=funny+cat&api_key=dc6zaTOxFJmzC
我已經將 API 連接到我的網絡應用程序。只需對 URL 稍作更改，我就能解決我的問題，這就是我的做法。
http://api.giphy.com/v1/gifs/search?q=**"+ input +"**&api_key=dc6zaTOxFJmzC
這里的“輸入”是使用 DOM 獲取的用戶輸入。
TA貢獻1853條經驗 獲得超9個贊
有幾種方法可以從 API 中獲取數據。其中之一是使用 fetch 方法。
async function fetchData(url) {
const response = await fetch(url);
const data = await response.json();
return data;
}
要將用戶輸入傳遞給請求，您所要做的就是使用字符串連接動態構建 url 字符串。
舉報