通过jQuery实现淘宝搜索提示功能

一、先来展示下功能:

淘宝搜索提示功能

二、实现:

        1、大体实现思路: 先从input框里获得输入的内容,再把得到的内容通过jQuery封装的ajax以jsonp的形式发送出去。接着把响应回来的数据渲染到页面上

        2、其他内容:

                1)、在input里通过定时器做了输入防抖

// 给input设个防抖  (定时器)
            let timer = null
            function settime(k) {
                timer = setTimeout(function () {
                    // 判断此时的k对应的属性值在对象objsend里是否已存在
                    if (objsend[k]) return xuanran(objsend[k])
                    send(k)
                }, 500)
            }

                2)、通过对象来存储ajax请求回来的数据,避免多次重复发送请求

                3)、鼠标点击input框外,提示内容隐藏,点击里面则显示


                
评论 2
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值