第七色在线视频,2021少妇久久久久久久久久,亚洲欧洲精品成人久久av18,亚洲国产精品特色大片观看完整版,孙宇晨将参加特朗普的晚宴

為了賬號(hào)安全,請及時(shí)綁定郵箱和手機(jī)立即綁定
已解決430363個(gè)問題,去搜搜看,總會(huì)有你想問的

Django - AJAX Fetch 發(fā)送每個(gè)輸入字母的請求

Django - AJAX Fetch 發(fā)送每個(gè)輸入字母的請求

鴻蒙傳說 2023-11-02 16:37:03
這可能與應(yīng)有的方式相去甚遠(yuǎn),我正在不斷學(xué)習(xí),這是我第一次嘗試這樣的事情。問題:即使使用 setTimeout 函數(shù),服務(wù)器也會(huì)為我寫的每個(gè)字母發(fā)送響應(yīng),盡管我希望它等待用戶停止鍵入并只獲取完成的單詞我的模板中的腳本:lookup.addEventListener('keyup', e => {        let searchValue = e.target.value;    if (searchValue.length > 4){      setTimeout(() => {             fetch(`{% url 'find_book' %}?param=${e.target.value}` )          .then(res => res.json())          .then(data => console.log(data))          .catch(err => console.log(err))}, 2000);        }views.py@api_view(['GET'])def find_book(request):    param = request.GET.get("param")    if param:        url = f'https://www.googleapis.com/books/v1/volumes?q=intitle:{param}&key=xxx'        r = requests.get(url)                if r.status_code == 200:            data = r.json()            return Response(data, status=status.HTTP_200_OK)        else:            return Response({"error": "Request failed"}, status=r.status_code)    else:        return Response({}, status=status.HTTP_200_OK)
查看完整描述

1 回答

?
拉莫斯之舞

TA貢獻(xiàn)1820條經(jīng)驗(yàn) 獲得超10個(gè)贊

將超時(shí) ID 存儲(chǔ)到高于您的事件監(jiān)聽器范圍內(nèi)的變量。當(dāng)事件觸發(fā)時(shí) - 檢查是否超時(shí)并清除它(這意味著如果尚未執(zhí)行則取消請求)


例子:


let delayedFetch;


lookup.addEventListener('keyup', e => {

    

    let searchValue = e.target.value;


    if (searchValue.length > 4){


      if (delayedFetch) clearTimeout(delayedFetch);


      delayedFetch = setTimeout(() => {

     

        fetch(`{% url 'find_book' %}?param=${e.target.value}` )

          .then(res => res.json())

          .then(data => console.log(data))

          .catch(err => console.log(err))}, 2000);

        }


查看完整回答
反對(duì) 回復(fù) 2023-11-02
  • 1 回答
  • 0 關(guān)注
  • 146 瀏覽
慕課專欄
更多

添加回答

舉報(bào)

0/150
提交
取消
微信客服

購課補(bǔ)貼
聯(lián)系客服咨詢優(yōu)惠詳情

幫助反饋 APP下載

慕課網(wǎng)APP
您的移動(dòng)學(xué)習(xí)伙伴

公眾號(hào)

掃描二維碼
關(guān)注慕課網(wǎng)微信公眾號(hào)