//為了解決JSON同源策略，使用jsonp進(jìn)行跨域請求，可直接請求'api.bing.com'域名 $('#search_input').bind('keyup', function() { $.ajax({ type: 'GET', url: 'http://api.bing.com/qsonhs.aspx?type=cb&cb=callback&q=' + $(this).val(), dataType: 'jsonp', jsonp: 'cb', success: function(d) { var one = d.AS.Results[0].Suggests; var html = ''; for(var i = 0; i < one.length; i++) { html += '<li>' + one[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(jqXHR) { alert('錯誤:' + jqXHR.status) } }) }); //添加事件，當(dāng)點(diǎn)擊頁面其他位置時隱藏'search-suggest' $(document).bind('click', function() { $('#search-suggest').hide(); }) //事件代理，為每一個<li>添加事件，當(dāng)點(diǎn)擊<li>時進(jìn)行頁面跳轉(zhuǎn)，實現(xiàn)搜索 $(document).delegate('li', 'click', function() { //事件代理 var keyword = $(this).text(); location. + keyword; //bing提供的頁面搜索方式 });