如何使用angularjs创建跨域?

时间:2015-05-18 13:50:53

标签: angularjs

嗨,我需要创建一个下拉列表,使用跨域填充它。我为它设置了一个网址,但无法找到它无法正常工作的原因。  当网址为json格式时,它的工作没有任何问题,但网址是xml格式。这是我关于API的第一份工作,所以如果有人帮我这个,我会感激不尽......

--- --- index.html的

<!DOCTYPE html>
<html ng-app="App">

<head>
    <script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.14/angular.min.js"></script>
    <script src="script.js"></script>
    <meta charset="utf-8">
    <title>JS Bin</title>
    <style>
    li span.ng-binding {
        color: #f00;
    }
    </style>
</head>

<body>
    <div ng-controller="AppCtrl">
        <h1>{{val}}</h1>
        <select ng-options="p.ProductName for p in Product"></select>
    </div>
</body>

</html>

--- ---的script.js

var App = angular.module('App', [])
.controller('AppCtrl', function($scope, AppFact) {
    $scope.val = "Testing the Page For CallsBacks";
    AppFact.getData(function(Product) {
        $scope.Product = Product;
    });
})
.factory('AppFact', function($http) {
    return {
        getData: function(successcb) {

            var url = 'http://xxxxxxxxx';
            $http.jsonp(url).
            success(function(Product, status, headers, config) {
                //alert('ji');
                console.warn(Product);
                successcb(Product);
            }).
            error(function(Product, status, headers, config) {
                //alert(Product);
                //alert("Status is " + status);

            });
        }
    };
});

这是我的傻瓜:http://plnkr.co/edit/qq8sELDdZZB5QKe1Pj3T?p=preview

Plz指导我,因为我是API的新手......

0 个答案:

没有答案