                        課程
                    
                        /前端開發(fā)
                        
                            /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換個微軟官網(wǎng)的，無法顯示

faish

2017-05-31

源自：搜索框制作 2-5

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

1399

操作

收起

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("失敗");
? ? ? ? }
? ? })