無法從Django Rest API到AngularJS獲取數據

Question

我是AngularJS和Djnago Rest Framework 。 我創建了一個Web API，以JSON格式返回客戶列表。 我在mozilla firefox的RESTClient插件中獲取了正確的數據。 但是我無法在AngularJS腳本中獲取數據。

在這里，我附上了所有代碼和錯誤圖像，如下所示：

views.py （API代碼）

class CustomerListView(APIView):
    renderer_classes = (JSONRenderer, )

    def post(self, request, format=None):
        content = []
        customer_list = Customer_tbl.objects.all()
        if customer_list:
            for customer in customer_list:
                content.append({ 
                    'first_name': customer.cus_first_name,
                    'last_name': customer.cus_last_name,
                    'email': customer.cus_email,
                    'contact': customer.cus_contact
                    })
        return Response(content)

test.html

<!DOCTYPE html>
<html ng-app="myTestModule">
<head>
    <script src="../scripts/angular.js"></script>
    <script src="../scripts/sample_page_test.js"></script>
    <link href="../css/style_new.css" rel="stylesheet" />-->
</head>
<body> 
    <div ng-controller="customerController">
        <table>
            <thead>
                <tr>
                    <th>First Name</th>
                    <th>Last Name</th>
                    <th>Email</th>
                    <th>Contact</th>
                </tr>
            </thead>
            <tbody>
                <tr ng-repeat="customer in customers">
                    <td>{{ customer.first_name }}</td>
                    <td>{{ customer.last_name }}</td>
                    <td>{{ customer.email }}</td>
                    <td>{{ customer.contact }}</td>
                </tr>
            </tbody>
        </table>
    </div>
    ...
    ...
    ...
</body>
</html>

sample_page_test.js

var myTestApp = angular.module("myTestModule", [])
myTestApp.controller("customerController", function ($scope, $http) {
        var url = "http://192.168.1.102:8000/stl_web_app/api/customer_list/";

        $http.post(url).then( function(response) {
           $scope.customers = response.data;
        });
});

錯誤圖片

在Firebug控制台中出現以下錯誤

error.png

我需要在Django應用程序的settings.py中進行任何更改嗎？

所以，有人可以幫我解決這個問題嗎？

任何幫助將不勝感激。

謝謝。

Answer 1

首先，您實際上是在嘗試發出POST請求嗎？ 因為從外觀上看，您似乎正在嘗試返回客戶列表。 請使用GET請求而不是POST來獲取數據。

其次，如果您遇到跨域資源共享問題，請檢查您是否正確傳遞了CSRF-TOKEN和POST請求。

views.py

class CustomerListView(APIView):
    renderer_classes = (JSONRenderer, )

    def get(self, request, format=None):
        content = []
        customer_list = Customer_tbl.objects.all()
        if customer_list:
            for customer in customer_list:
                content.append({ 
                    'first_name': customer.cus_first_name,
                    'last_name': customer.cus_last_name,
                    'email': customer.cus_email,
                    'contact': customer.cus_contact
                    })
        return Response(content)

sample_page_test.js

var myTestApp = angular.module("myTestModule", [])
myTestApp.controller("customerController", function ($scope, $http) {
var url = "http://192.168.1.102:8000/stl_web_app/api/customer_list/";

        $http.get(url).then( function(response) {
           $scope.customers = response.data;
        });
});

希望這會幫助你。

無法從Django Rest API到AngularJS獲取數據

問題描述

1 個解決方案

解決方案1
0 2017-05-30 12:28:39

views.py

sample_page_test.js

無法從Django Rest API到AngularJS獲取數據

問題描述

1 個解決方案

解決方案1 0 2017-05-30 12:28:39

views.py

sample_page_test.js

解決方案1
0 2017-05-30 12:28:39