第三十五节 jQuery之json方式360联想词获取

 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>