//为了解决JSON同源策略,使用jsonp进行跨域请求,可直接请求'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)
}
})
});
//添加事件,当点击页面其他位置时隐藏'search-suggest'
$(document).bind('click', function() {
$('#search-suggest').hide();
})
//事件代理,为每一个<li>添加事件,当点击<li>时进行页面跳转,实现搜索
$(document).delegate('li', 'click', function() { //事件代理
var keyword = $(this).text();
location.href = 'http://cn.bing.com/search?q=' + keyword; //bing提供的页面搜索方式
});
慕勒0069038