首页 > 其他 > 详细

百度搜索功能

时间:2017-07-12 00:28:26      阅读:278      评论:0      收藏:0      [点我收藏+]

<!DOCTYPE html>
<html lang="en" ng-app="myApp">
<head>
 <meta charset="UTF-8">
 <title>百度搜索</title>
 <script src="js/angular.min.js"></script>
 <script>
  var m1=angular.module(‘myApp‘,[])
  m1.controller(‘myCtrl‘,[‘$scope‘,‘$timeout‘,‘$http‘,function($scope,$timeout,$http){
   $scope.search=function(str){
    $timeout.cancel(timer)
    var timer=$timeout(function(){
     $http({
      method:‘JSONP‘,
      url:‘https://sp0.baidu.com/5a1Fazu8AA54nxGko9WTAnF6hhy/su?wd=‘+str+‘&cb=JSON_CALLBACK‘,
     }).success(function(data){
      console.log(data)
      $scope.dataList=data.s
     })
    },200)
   }
  }])
 </script>
</head>
<body>
 <div ng-controller="myCtrl">
  <input type="text" ng-model="searchVal" ng-change="search(searchVal)">
  <input type="button" ng-click="search(searchVal)" value="搜索">
  <ul>
   <li ng-repeat="data in dataList">{{data}}</li>
  </ul>
 </div>
</body>
</html>

百度搜索功能

原文:http://www.cnblogs.com/zy88zj91/p/7153050.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!