首頁猿問 input輸入時(shí)觸發(fā)ajax請求事...

input輸入時(shí)觸發(fā)ajax請求事件在這個(gè)時(shí)候如何實(shí)現(xiàn)函數(shù)防抖

JavaScript

炎炎設(shè)計(jì) 2018-11-13 20:04:56

input輸入時(shí)觸發(fā)ajax請求事件在這個(gè)時(shí)候如何實(shí)現(xiàn)函數(shù)防抖 searchInput(e){ this.setState({ searchContent:e.target.value }) fetch(`/api/book/auto-complete?query=${e.target.value}`) .then(res=>res.json()) .then(res=>{ console.log(res); this.setState({ completionArr:res.keywords }) }) }

查看完整描述

1 回答

桃花長相依

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

加個(gè)定時(shí)器setTimeout即可

searchInput(e){        this.setState({            searchContent:e.target.value
        })        this.timer && clearTimeout(this.timer);        this.timer = setTimeout(() => {
            fetch(`/api/book/auto-complete?query=${e.target.value}`)
            .then(res=>res.json())
            .then(res=>{                console.log(res);                this.setState({                    completionArr:res.keywords
                })
            })
        }, 500)
    }

反對回復(fù) 2018-11-13