                        课程
                    
                        /前端开发
                        
                            /JavaScript
                        
                        /搜索框制作

没办法显示效果

$('#search_input').bind('keyup',function(){

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

$.get('https://api.cognitive.microsoft.com/bing/v5.0/search[?q][&count][&offset][&mkt][&safesearch]='+

searchText,function(d){

var d = d.AS.Resulte[0].Suggests;

var html='';

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

html+='<li>'+d[i].Txt+'</li>';

}

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

$('#search-suggest').show().css({

top:$('#search-form').offset().top+$('#search-form').height()+10,

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

position:'absolute'

},'json');

});

$(document).bind('click',function(){

$('#search-suggest').hide();

})

api换个微软官网的，无法显示

faish

2017-05-31

源自：搜索框制作 2-5

关注问题我要回答

1440

操作

收起

2 回答

慕丝4684016
2017-11-11

$.ajax({
type:'get',
async:true,
url:"http://api.bing.com/qsonhs.aspx?type=cb&q="+searchText,
dataType:"jsonp",
jsonp:'cb',
jsonpCallBack:'callback',
success:function (d) {
var d=d.AS.Results[0].Suggests;
var html="";
for(var i=0;i<d.length;i++){
html+='<li>'+d[i].Txt+'</li>';
}
$('#search-result').html(html);
$("#search-suggest").show().css({
top:$("#search-form").offset().top+$("#search-form").height()+10,
left:$("#search-form").offset().left,
position:"absolute"
});
},
error:function () {
console.log("失败");
}
})