zoukankan      html  css  js  c++  java
  • 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>
  • 相关阅读:
    h5基本单词
    啦啦
    新内容
    Apache.PHP和MySQL的配置
    static关键字
    访问控制
    PHP Session
    PHP cookie
    全局空间
    使用use操作符导入/使用别名
  • 原文地址:https://www.cnblogs.com/tianranhui/p/9334327.html
Copyright © 2011-2022 走看看