使用AJAX请求的带Django的Angularjs

2024-04-28 15:45:33 发布

您现在位置：Python中文网/ 问答频道 /正文
8973 3

我用Post方法发送了一个信息，直到有一个在Django中查看并返回到站点。但是，我不能在网站上提交这些信息。在

文件post3.html

<!DOCTYPE html>
<html ng-app>
<head>
    <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/angularjs/1.2.27/angular.min.js"></script>
    <script>
        function ListDropdown($scope, $http){               
            $scope.ccvms={lista01:['1','3','5','7','9'],lista02:['2','4','6','8','10']}
            $scope.send=function(x,y){
                $http({
                method:'POST',
                url:'/escalar',
                data:x+y,
                headers:{'Content-Type': 'application/x-www-form-urlencoded'},
                }).success(function(c){
                      console.log(c)
                })
            }
        } 
    </script>
</head>
<body>
    <div ng-controller="ListDropdown">
        <select ng-model="ccvm" ng-options="ccvm as ccvm for (ccvm, nums) in ccvms"></select>
        <select ng-model="num" ng-disabled="!ccvm" ng-options="num for num in ccvms[ccvm]" ng-change="send(num, ccvm)"></select>
        <h1 ng-model=c>
    </div>
</body>
</html>

文件视图.py在

^{pr2}$

文件网址.py在

from django.conf.urls import patterns, include, url

urlpatterns = patterns('',
    url(r'^post3/','bvmfconsulta.views.post3'),
    url(r'^escalar','bvmfconsulta.views.escalando'),
)

出现在控制台.log（c） 信息，例如“4lista02_retenou”，但是，我没有得到在网站上插入它。在


Tags： 文件信息httpurlmodelhtmlscriptfunction
1条回答
网友
1楼 · 发布于 2024-04-28 15:45:33

我决定如下：

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/angularjs/1.2.27/angular.min.js"></script>
<script>
    function ListDropdown($scope, $http){               
        $scope.ccvms={lista01:['1','3','5','7','9'],lista02:['2','4','6','8','10']}
        $scope.resposta=""
        $scope.send=function(x,y){
            $http({
            method:'POST',
            url:'/escalar',
            data:x+y,
            headers:{'Content-Type': 'application/x-www-form-urlencoded'},
            }).success(function(c){
                  $scope.resposta=c
            })
        }
    } 
</script>

<h1 ng-bind="resposta"></h1>

相关问题 更多 >

    编程相关推荐