百度的搜索下拉菜单数据接口

function Search(){
this.txt = document.getElementById(“txt”);
this.list = document.getElementById(“list”);
// 百度的搜索下拉菜单数据接口
this.url = “https://sp0.baidu.com/5a1Fazu8AA54nxGko9WTAnF6hhy/su”;

    // 1.准备绑定事件this.init();
}
Search.prototype.init = function(){var that = this;// this.txt.onkeyup = function(){// 2.绑定事件this.txt.oninput = function(){// 3.判断是否为空if(this.value){// 4-1.不为空，请求数据that.val = this.value;that.load();}else{// 4-2.为空，清空数据that.list.innerHTML = "";}}
}
Search.prototype.load = function(){var that = this;// 5.开启jsonp准备请求跨域数据jsonp(this.url,function(res){// 6.请求成功后，解析数据，准备渲染页面that.res = res.s;that.display();},{// 5-1.准备发送数据wd:this.val,            //百度要求的搜索关键字cb:"sadkasjgdjsa",      //百度要求的回调函数名columnName:"cb"         //自己要求的回调函数名所在的字段名})
}
Search.prototype.display = function(){// 7.解析数据，拼接结构var str = "";for(var i=0;i<this.res.length;i++){str += `<li>${this.res[i]}</li>`}// 8.填充页面this.list.innerHTML = str;
}new Search();

百度的搜索下拉菜单数据接口相关推荐

前端常用事件案例——抽名字（抽奖）/搜索下拉菜单/微博文本框
目录抽名字(抽奖) 搜索下拉菜单微博文本框进阶微博案例抽名字(抽奖) 实现效果是:点击开始按钮,则方框不断显示名字,点击停止,抽到的人名就是谁,并且删除,继续直到抽完后禁用按钮 ①点击开始按钮 ...
html 仿百度百科导航下拉菜单
演示图1 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3 ...
php 下拉菜单搜索,DedeCMS实现百度搜索下拉菜单提示信息功能
资讯类.知识类.商城类网站都有全站搜索功能,用户对网站比较熟悉了才考虑搜索,对新站来说,这个功能在前期暂时不考虑. "百度站内搜索"也比较成熟了,可以设置站内搜索还是全网搜索,还能 ...
实现百度下拉菜单实例（利用jsonp跨域请求百度数据接口）
JSONP:是JSON with padding(填充式JSON或参数式JSON)的简写,它由两部分组成:回调函数和数据.回调函数是当响应到来时应该在页面中调用的函数,回调函数的名字一般是在请求中指 ...
Excel(三)之数据验证性——设置多功能下拉菜单
在Excel中,为了录入数据方便,通常会设置下拉菜单.今天,就给大家分享三种设置多功能下拉菜单的方法. 目录一.更新式下拉菜单二.联动式下拉菜单三.搜索式下拉菜单一.更新式下拉菜单主要方法: ...
layui 数据表格下拉框_layui-table-column-select（layui数据表格可搜索下拉框select）
layui-table-column-select 在layui table的基础上对表格列进行扩展:点击单元格显示可搜索下拉列表. 码云地址:https://gitee.com/kkk12/layu ...
bootstrap下拉框分页_【Bootstrap】 bootstrap-select2下拉菜单插件
这次开发了个小TRS系统,虽然是很小,但是作为初心者,第一次用到了很多看起来洋气使用起来有相对简单的各种前端(主要是和bootstrap配合使用)组件.包括bootstrap-select2,boot ...
ajax手册看云,下拉菜单Ajax（1.3.3+）
## addSelectAjax('name值', '标题', '提示', '参数' [, '默认值', '额外属性', '额外css类']) 标识符:`selectAjax` >[danger ...
用CSS解决！下拉菜单
这篇文章是有关CSS功能的系列文章中的第二篇. 文章系列: 为SVG背景着色下拉菜单(本文) 基于给定元素数的逻辑样式 CSS正变得越来越强大,并且具有CSS网格和自定义属性(也称为CSS变量)之类 ...

百度的搜索下拉菜单数据接口

百度的搜索下拉菜单数据接口相关推荐

最新文章

热门文章