jquery input框自动填充与防抖函数

实现input框自动填充效果

html
<input class="search-txt" type="text" name="search-txt"  placeholder="请输入">
<div class="search-top-index-box">
<script src="https://cdn.bootcdn.net/ajax/libs/lodash.js/4.17.20/lodash.min.js"></script>

js逻辑
1、监听input框输入的值val
2、根据输入的val发送请求
3、采用loadsh插件,控制输入时频繁发送请求问题

$('.search-txt').on('input', function(){
            let val = $(this).val().trim();
            searchAction(val)
            }
        });
let searchAction=_debounce(val=>{
        $.ajax({
               url:`http://localhost:3090/relate?keyword=${val}`
               type:"get"
              dataType:"json"
        }).then(res=>{
        	for(let i=0;i<res.length;i++){
        	let item=res[i]
        	let a=$("<a href=''></a>")
        	a.attr('href','https://www.xxxxx.com/search/index?search='+item)
        	$(".search-top-index-box").append(a.text(item))
        	}
        },err=>{
            console.log(err)
        })
       },600)
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值