小白怎样建设公司网站,如何成为百度广告代理商,做网站项目实例,自己做网站导航页一、百度搜索常用api
百度搜索常用api
一、搜索关键字自动补全
#xff08;一#xff09;数据源
https://sp0.baidu.com/5a1Fazu8AA54nxGko9WTAnF6hhy/su?wd关键词json1#xff08;二#xff09;代码 可以使用前端插件#xff1a; Bootstrap-3-Typeahead bootst…一、百度搜索常用api
百度搜索常用api
一、搜索关键字自动补全
一数据源
https://sp0.baidu.com/5a1Fazu8AA54nxGko9WTAnF6hhy/su?wd关键词json1二代码 可以使用前端插件 Bootstrap-3-Typeahead bootstrap-suggest-plugin 推荐 例子这个是bootstrap-suggest-plugin 中的deom deom 推荐 其他例子 需要导入相关的js、css。这里不提供了 !DOCTYPE html
html langzh
headmeta charsetutf-8meta nameviewport contentwidthdevice-width, initial-scale1.0meta http-equivX-UA-Compatible contentIEedgemeta namekeywords contentmeta namedescription contenttitle搜索自动补全/titlelink href/css/bootstrap.min.css?v3.3.7 relstylesheet/link href/css/font-awesome.min.css?v4.7.3 relstylesheet/!-- bootstrap-table 表格插件样式 --link href/ajax/libs/bootstrap-table/bootstrap-table.min.css?v1.18.3 relstylesheet/link href/css/animate.min.css?v20210831 relstylesheet/link href/css/style.min.css?v20210831 relstylesheet/link href/ruoyi/css/ry-ui.css?v4.7.3 relstylesheet//head
body classgray-bgdiv classwrapper wrapper-content animated fadeInRightdiv classrowdiv classcol-sm-6div classibox float-e-marginsdiv classibox-titleh5搜索自动补全smallhttps://github.com/lzwme/bootstrap-suggest-plugin/small/h5/div div classibox-contentp展示下拉菜单按钮。/pdiv classrowdiv classcol-lg-6div classinput-groupinput typetext classform-control idsuggest-demo-1div classinput-group-btnbutton typebutton classbtn btn-white dropdown-toggle styleheight: 31px data-toggledropdownspan classcaret/span/buttonul classdropdown-menu dropdown-menu-right rolemenu/ul/div/div/div/divp不展示下拉菜单按钮。/pdiv classrowdiv classcol-lg-6div classinput-groupinput typetext classform-control idsuggest-demo-2div classinput-group-btnbutton typebutton classbtn btn-white dropdown-toggle data-toggledropdownspan classcaret/span/buttonul classdropdown-menu dropdown-menu-right rolemenu/ul/div/div/div/divp前端json中获取数据/pdiv classrowdiv classcol-lg-6div classinput-groupinput typetext classform-control idsuggest-demo-3div classinput-group-btnbutton typebutton classbtn btn-white dropdown-toggle styleheight: 31px data-toggledropdownspan classcaret/span/buttonul classdropdown-menu dropdown-menu-right rolemenu/ul/div!-- /btn-group --/div/div/divh3百度搜索/h3p支持逗号分隔多关键字/pdiv classrowdiv classcol-lg-6div classinput-group stylewidth: 300px;input typetext classform-control idbaidudiv classinput-group-btnbutton typebutton classbtn btn-white dropdown-toggle styleheight: 31px data-toggledropdownspan classcaret/span/buttonul classdropdown-menu dropdown-menu-right rolemenu/ul/div!-- /btn-group --/div/div/divh3淘宝搜索/h3p支持逗号分隔多关键字/pdiv classrowdiv classcol-lg-6div classinput-group stylewidth: 400px;input typetext classform-control idtaobaodiv classinput-group-btnbutton typebutton classbtn btn-white dropdown-toggle styleheight: 31px data-toggledropdownspan classcaret/span/buttonul classdropdown-menu dropdown-menu-right rolemenu/ul/div!-- /btn-group --/div/div/divhrdiv classform-grouplabel classfont-noraml相关参数详细信息/labeldiva hrefhttp://doc.ruoyi.vip/ruoyi/document/zjwd.html#bootstrap-suggest target_blankhttp://doc.ruoyi.vip/ruoyi/document/zjwd.html#bootstrap-suggest/a/div/div/div/div/divdiv classcol-sm-6div classibox float-e-marginsdiv classibox-titleh5搜索自动补全smallhttps://github.com/bassjobsen/Bootstrap-3-Typeahead/small/h5/div div classibox-contentp通过数据属性的基本示例。/pdiv classrowdiv classcol-lg-6input typetext placeholderruoyi... data-providetypeahead data-source[ruoyi 1,ruoyi 2,ruoyi 3] classform-control //div/divhrp通过javascript的基本示例。/pdiv classrowdiv classcol-lg-6input typetext placeholderruoyi... classform-control idtypeahead-demo-1//div/divhrp通过javascript的复杂示例。/pdiv classrowdiv classcol-lg-6input typetext placeholderruoyi... classform-control idtypeahead-demo-2//div/divhrp后台url中获取简单数据/pdiv classrowdiv classcol-lg-6input typetext placeholderruoyi... classform-control idtypeahead-demo-3//div/divhrdiv classform-grouplabel classfont-noraml相关参数详细信息/labeldiva hrefhttp://doc.ruoyi.vip/ruoyi/document/zjwd.html#bootstrap-typeahead target_blankhttp://doc.ruoyi.vip/ruoyi/document/zjwd.html#bootstrap-typeahead/a/div/div/div/div/div/div/divscript var ctx \/; var lockscreen null; if(lockscreen){window.top.locationctxlockscreen;} /scripta idscroll-up href# classbtn btn-sm displayi classfa fa-angle-double-up/i/ascript src/js/jquery.min.js?v3.6.0/scriptscript src/js/bootstrap.min.js?v3.3.7/script!-- bootstrap-table 表格插件 --script src/ajax/libs/bootstrap-table/bootstrap-table.min.js?v1.18.3/scriptscript src/ajax/libs/bootstrap-table/locale/bootstrap-table-zh-CN.min.js?v1.18.3/scriptscript src/ajax/libs/bootstrap-table/extensions/mobile/bootstrap-table-mobile.js?v1.18.3/script!-- jquery-validate 表单验证插件 --script src/ajax/libs/validate/jquery.validate.min.js?v1.19.3/scriptscript src/ajax/libs/validate/jquery.validate.extend.js?v1.19.3/scriptscript src/ajax/libs/validate/messages_zh.js?v1.19.3/script!-- bootstrap-table 表格树插件 --script src/ajax/libs/bootstrap-table/extensions/tree/bootstrap-table-tree.min.js?v1.18.3/script!-- 遮罩层 --script src/ajax/libs/blockUI/jquery.blockUI.js?v2.70.0/scriptscript src/ajax/libs/iCheck/icheck.min.js?v1.0.3/scriptscript src/ajax/libs/layer/layer.min.js?v3.5.1/scriptscript src/ajax/libs/layui/layui.min.js?v2.6.8/scriptscript src/ruoyi/js/common.js?v4.7.3/scriptscript src/ruoyi/js/ry-ui.js?v4.7.3/scriptscript src/ajax/libs/suggest/bootstrap-suggest.min.js?v0.1.29/scriptscript src/ajax/libs/typeahead/bootstrap-typeahead.min.js?v4.0.2/scriptscript typetext/javascriptvar testBsSuggest $(#suggest-demo-1).bsSuggest({url: ctx demo/form/userModel,idField: userId,keyField: userName}).on(onDataRequestSuccess, function (e, result) {console.log(onDataRequestSuccess: , result);}).on(onSetSelectValue, function (e, keyword) {console.log(onSetSelectValue: , keyword);}).on(onUnsetSelectValue, function (e) {console.log(onUnsetSelectValue);});var testBsSuggest $(#suggest-demo-2).bsSuggest({url: ctx demo/form/userModel,showBtn: false,idField: userId,keyField: userName}).on(onDataRequestSuccess, function (e, result) {console.log(onDataRequestSuccess: , result);}).on(onSetSelectValue, function (e, keyword) {console.log(onSetSelectValue: , keyword);}).on(onUnsetSelectValue, function (e) {console.log(onUnsetSelectValue);});//data 数据中获取var testdataBsSuggest $(#suggest-demo-3).bsSuggest({indexId: 1,indexKey: 2,data: {value: [{userId: 1,userCode: 1000001,userName: 测试1,userPhone: 15888888888},{userId: 2,userCode: 1000002,userName: 测试2,userPhone: 15888888888},{userId: 3,userCode: 1000003,userName: 测试3,userPhone: 15888888888},{userId: 4,userCode: 1000004,userName: 测试4,userPhone: 15888888888},{userId: 5,userCode: 1000005,userName: 测试5,userPhone: 15888888888}],defaults: http://ruoyi.vip}});//百度搜索测试var baiduBsSuggest $(#baidu).bsSuggest({allowNoKeyword: false, //是否允许无关键字时请求数据multiWord: true, //以分隔符号分割的多关键字支持separator: ,, //多关键字支持时的分隔符默认为空格getDataMethod: url, //获取数据的方式总是从 URL 获取//new url:https://sp0.baidu.com/5a1Fazu8AA54nxGko9WTAnF6hhy/su?wd%E6%99%AE%E9%87%91json1//url: http://unionsug.baidu.com/su?p3t (new Date()).getTime() wd,url: https://sp0.baidu.com/5a1Fazu8AA54nxGko9WTAnF6hhy/su?json1 wd,/*优先从url ajax 请求 json 帮助数据注意最后一个参数为关键字请求参数*/jsonp: cb,/*如果从 url 获取数据并且需要跨域则该参数必须设置*/processData: function (json) { // url 获取数据时对数据的处理作为 getData 的回调函数var i, len, data {value: []};if (!json || !json.s || json.s.length 0) {return false;}console.log(json);len json.s.length;jsonStr {value:[;for (i 0; i len; i) {data.value.push({word: json.s[i]});}data.defaults baidu;//字符串转化为 js 对象return data;}});//淘宝搜索建议测试var taobaoBsSuggest $(#taobao).bsSuggest({indexId: 2, // data.value 的第几个数据作为input输入框的内容indexKey: 1, // data.value 的第几个数据作为input输入框的内容allowNoKeyword: false, // 是否允许无关键字时请求数据hideOnSelect: true, // 鼠标从列表单击选择了值时是否隐藏选择列表multiWord: true, // 以分隔符号分割的多关键字支持separator: ,, // 多关键字支持时的分隔符默认为空格getDataMethod: url, // 获取数据的方式总是从 URL 获取effectiveFieldsAlias: {Id: 序号,Keyword: 关键字,Count: 数量},showHeader: true,url: http://suggest.taobao.com/sug?codeutf-8extras1q,/*优先从url ajax 请求 json 帮助数据注意最后一个参数为关键字请求参数*/jsonp: callback,/*如果从 url 获取数据并且需要跨域则该参数必须设置*/processData: function (json) { // url 获取数据时对数据的处理作为 getData 的回调函数var i, len, data {value: []};if (!json || !json.result || json.result.length 0) {return false;}console.log(json);len json.result.length;for (i 0; i len; i) {data.value.push({Id: (i 1),Keyword: json.result[i][0],Count: json.result[i][1]});}console.log(data);return data;}});$(#typeahead-demo-1).typeahead({source: [ruoyi 1,ruoyi 2,ruoyi 3]});$(#typeahead-demo-2).typeahead({source: [{name: Afghanistan, code: AF, ccn0: 040},{name: Land Islands, code: AX, ccn0: 050},{name: Albania, code: AL,ccn0: 060},{name: Algeria, code: DZ,ccn0: 070}]});$.get(ctx demo/form/collection, function(data){$(#typeahead-demo-3).typeahead({source: data.value});},json);/script
/body
/html
