先给大家展示下效果图：

下面一段代码给大家分享了百度搜索框智能提示案例jsonp的知识，具体代码如下所示：

！DOCTYPE html html lang=' en ' hearta charset=' UTF-8 '标题百度下拉_ sug-jquery/title脚本src=' http : jquery-1。11 .3 .js '/script style # sug { position : absolute；左侧： 50%;边距-左侧：-150像素；边距-top : 200 px；宽度： 300像素；背景： lightGreen高度： 40px文本对齐：中心；}#sug输入{ margin-top : 10px；} # list { position:绝对值左侧： 50%;top:50px宽度： 200像素；边距-左侧：-150像素；边距-top : 200 px；height : autobackground : LightBlue } # list ul { padding-left : 0px；margin: 0px} # list ul Li {背景： LightGray线高： 30px列表样式：无；左填充： 10px边距-top : 0px；光标：指针；} #列出ul李。在{背景：浅绿色；}/style/head dydiv id=' sug ' divinput type=' text ' id=' Keyword ' autocomplete=offinput type=' button ' value='百度一下id=' BTN '/div/div id=' list '/div脚本$(function(){ $(' # Keyword ').keyup(函数(e){var kd=$('#keyWord ').val()；'https://sp0.baidu.com/5a1Fazu8AA54nxGko9WTAnF6hhy/su？wd=' kdquery sug(URL)；});});函数querySUG(URL){文档。getelementbyid(' list ').innerHTML=$。ajax({type : 'get '，async: true，url : url，dataType : 'jsonp '，jsonp: 'cb '，jsonpCallback: ' callback '，success : function(data){ var ul=$(' ul/ul ')；$.每个(data.s，function(i，element){var e=$('li/li ').追加（元素);$(ul).追加(e );});$('#list ').追加(ul)；}，错误：函数(){ console。日志(“失败”)；}});}/脚本/正文/html以上所述是小编给大家介绍的百度搜索框智能提示案例jsonp，希望对大家有所帮助，如果大家有任何疑问请给我留言，小编会及时回复大家的。在此也非常感谢大家对我们网站的支持！