为了账号安全,请及时绑定邮箱和手机立即绑定

bing好像不支持jsonp了,可以试一试百度的api

https://sp0.baidu.com/5a1Fazu8AA54nxGko9WTAnF6hhy/su?wd=

正在回答

3 回答


function search(){

var searchText = $("#search_input").val();

var sugurl =

"http://suggestion.baidu.com/su?wd=#content#&cb=window.baidu.sug";

var content = searchText;

sugurl = sugurl.replace("#content#", content);

window.baidu = {

sug: function(json) {

console.log(json)

var html = ''

for (var i = 0; i < json.s.length; i++) {

html += "<li>" + json.s[i] + "</li>";

}

$("#search-result").html(html);

$("#search_suggest")

.show()

.css({

top:

$("#search-form").offset().top +

$("#search-form").outerHeight(),

left: $("#search-form").offset().left,

position: "absolute"

});

}

};

var script = document.createElement("script");

script.src = sugurl;

document.getElementsByTagName("head")[0].appendChild(script);

}

$("#search_input").on("keyup", function() {

search()

})


$('#search_input').blur(function(){

$('#search_suggest').hide()

})


$('#search_input').focus(function(){

search()

})


0 回复 有任何疑惑可以回复我~

这个api后面直接加上你要搜索的关键词,比如说搜索“2”,就是这样:

https://sp0.baidu.com/5a1Fazu8AA54nxGko9WTAnF6hhy/su?wd=2


这是百度API返回的结果,直接在浏览器地址栏输入就可以得到。

这是返回结果,直接用就行了。

window.baidu.sug({q: "2",p: false,s: ["2018年日历", "2019年春节", "2018年放假安排时间表", "2019年日历", "24点计算器", "21世纪人才网", "263企业邮箱", "263", "2345", "233网校"]});


0 回复 有任何疑惑可以回复我~

请问百度的api返回的值要怎么获取?跟bing的不一样

0 回复 有任何疑惑可以回复我~

举报

0/150
提交
取消
搜索框制作
  • 参与学习       66003    人
  • 解答问题       463    个

本课程从简入深讲解搜索框的制作,学习JQ与JS实现Ajax技术的不同点

进入课程

bing好像不支持jsonp了,可以试一试百度的api

我要回答 关注问题
微信客服

购课补贴
联系客服咨询优惠详情

帮助反馈 APP下载

慕课网APP
您的移动学习伙伴

公众号

扫描二维码
关注慕课网微信公众号