所属分类:网页特效-输入/选择框/联动,加载/自动/搜索
JsonpAjax.js包含代码
$(function(){ //当键盘键被松开时发送Ajax获取数据 $('#text').keyup(function(){ var keywords = $(this).val(); if (keywords=='') { $('#word').hide(); return }; $.ajax({ url: 'http://suggestion.baidu.com/su?wd=' + keywords, dataType: 'jsonp', jsonp: 'cb', //回调函数的参数名(键值)key // jsonpCallback: 'fun', //回调函数名(值) value beforeSend:function(){ $('#word').append('正在加载。。。'); }, success:function(data){ $('#word').empty().show(); if (data.s=='') { $('#word').append('Not find "' + keywords + '"'); } $.each(data.s, function(){ $('#word').append(''+ this +''); }) }, error:function(){ $('#word').empty().show(); $('#word').append('Fail "' + keywords + '"'); } }) }) //点击搜索数据复制给搜索框 $(document).on('click','.click_work',function(){ var word = $(this).text(); $('#text').val(word); $('#word').hide(); // $('#texe').trigger('click');触发搜索事件 }) })