TA貢獻(xiàn)1846條經(jīng)驗(yàn) 獲得超7個(gè)贊
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);
}
為您的輸入字段提供一個(gè) searchText ID 并獲取值并將其存儲(chǔ)在變量中。將點(diǎn)擊事件偵聽器添加到您的搜索按鈕并調(diào)用搜索函數(shù)并使用模板文字將值傳遞到您的 URL 字符串中的 searchText 變量中。${your_variable}.
TA貢獻(xiàn)1995條經(jīng)驗(yàn) 獲得超2個(gè)贊
http://api.giphy.com/v1/gifs/search?q=funny+cat&api_key=dc6zaTOxFJmzC
我已經(jīng)將 API 連接到我的網(wǎng)絡(luò)應(yīng)用程序。只需對(duì) URL 稍作更改，我就能解決我的問題，這就是我的做法。
http://api.giphy.com/v1/gifs/search?q=**"+ input +"**&api_key=dc6zaTOxFJmzC
這里的“輸入”是使用 DOM 獲取的用戶輸入。
TA貢獻(xiàn)1853條經(jīng)驗(yàn) 獲得超9個(gè)贊
有幾種方法可以從 API 中獲取數(shù)據(jù)。其中之一是使用 fetch 方法。
async function fetchData(url) {
const response = await fetch(url);
const data = await response.json();
return data;
}
要將用戶輸入傳遞給請(qǐng)求，您所要做的就是使用字符串連接動(dòng)態(tài)構(gòu)建 url 字符串。
舉報(bào)