1 <!DOCTYPE html> 2 <html lang="en"> 3 <head> 4 <meta charset="UTF-8"> 5 <title>Document</title> 6 <script type="text/javascript" src="../jquery-1.12.4.min.js"></script> 7 <script type="text/javascript"> 8 $(function(){ 9 $('#input01').keyup(function(){ 10 var $val = $(this).val(); 11 $.ajax({ 12 url:'https://sug.so.360.cn/suggest', 13 type:'get', 14 dataType:'jsonp', 15 data:{'word':$val} 16 }) 17 .done(function(data){ 18 // 清空元素里的内容 19 $('#list01').empty(); 20 var dat = data.s; 21 for(var i=0;i<dat.length;i++) 22 { 23 var $newli = $('<li>'); 24 $newli.html(dat[i]); 25 $newli.appendTo($('#list01')); 26 } 27 }) 28 }) 29 }) 30 </script> 31 </head> 32 <body> 33 <input type="text" name="" id="input01"> 34 <ul id="list01"> 35 36 </ul> 37 </body> 38 </html>