                        課程
                    
                        /前端開發(fā)
                        
                            /JavaScript
                        
                        /搜索框制作

bing好像不支持jsonp了，可以試一試百度的api

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

慕粉3122678

2018-08-03

源自：搜索框制作 2-5

關(guān)注問題我要回答

1403

操作

收起

3 回答

慕粉3960250
2019-05-30

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 回復(fù) 有任何疑惑可以回復(fù)我~

收起回答

慕粉3122678 提問者
2018-08-20

這個(gè)api后面直接加上你要搜索的關(guān)鍵詞，比如說搜索“2”，就是這樣：

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

這是百度API返回的結(jié)果，直接在瀏覽器地址欄輸入就可以得到。

這是返回結(jié)果，直接用就行了。

window.baidu.sug({q:?"2",p:?false,s:?["2018年日歷",?"2019年春節(jié)",?"2018年放假安排時(shí)間表",?"2019年日歷",?"24點(diǎn)計(jì)算器",?"21世紀(jì)人才網(wǎng)",?"263企業(yè)郵箱",?"263",?"2345",?"233網(wǎng)校"]});