angularjs,Jsonp跨域访问页面

angularjs1.6.8版本跨域

<!DOCTYPE html>
<html ng-app="test">
  <head>
    <meta charset="utf-8">
    <title></title>
    <script src="angular.js" charset="utf-8"></script>
    <script>
    let mod=angular.module('test', []);

    mod.controller('main', function ($scope, $http, $sce){
      $scope.arr=[];
      $scope.word='';

      $scope.$watch('word', function (){
        let res=$sce.trustAsResourceUrl(`https://sp0.baidu.com/5a1Fazu8AA54nxGko9WTAnF6hhy/su?wd=${$scope.word}`);

        $http.jsonp(res, {jsonpCallbackParam: 'cb'}).then(res=>{
          $scope.arr=res.data.s;
        }, ()=>{
          alert('错了');
        });
      });        
    });
    </script>
  </head>
  <body ng-controller="main">
    <input type="text" ng-model="word">
    <ul>
      <li  ng-repeat="str in arr">{{str}}</li>
    </ul>
  </body>
</html>

猜你喜欢

转载自www.cnblogs.com/tianranhui/p/9334327.html