AngularJs服-jsonp解决跨域问题

ゝ一世哀愁。 2022-07-12 07:06 158阅读 0赞

<!DOCTYPE html>  
    <html lang="en">  
    <head>  
        <meta charset="UTF-8">  
        <title>AngularJS $http跨域</title>  
    </head>  
      
    <body ng-app="App">  
          
        <div ng-controller="DemoController"> </div>  
        <script>  
            function fn(arg) {  
                console.log(arg);  
                document.write('111');  
            }  
        </script>  
          
          
      
        <script src="./libs/angular.min.js"></script>  
        <script src="./libs/jquery.min.js"></script>  
        <script>  
              
            //注意:JSONP 跟Ajax 没有本质关系 只不过是开发者用$.ajax方式使用jsonp  
              
            // 1、js方式创建josnp  
            // var script = createElement('script');  
            // script.src = url;  
            // var head = document.querySelector('head');  
            // head.appendChild(script);  
            //   
              
            // 2、jQuery方式  
            // $.ajax({  
            //  url: 'jsonp.php',  
            //  dataType: 'jsonp'  
            // });  
              
            // 3、angulerjs方式  
            var App = angular.module('App', []);  
            App.controller('DemoController', ['$http', '$scope', function ($http, $scope) {  
      
                $http({  
                    url: 'jsonp.php?a=JSON_CALLBACK',  
                    method: 'jsonp' // 采用JSONP方式  
                }).success(function (info) {  
                    console.log(info);  
                });  
      
            }]);  
      
        </script>  
    </body>  
    </html>