如何使用angularjs将数据发布到django api端点

时间:2018-05-30 19:43:32

标签: javascript angularjs django django-rest-framework

我正在尝试使用angularjs通过api端点从我的html表单将数据发布到我的数据库? 这是angularjs代码

angular.module('myApp').config(function ($routeProvider) {

    $routeProvider.when('/userurl', {template :
        "<form>" + 
             "<p>name:<input type='text' ng-model='myUser' value=''></p>" +
            "<input type='submit' value='add user' ng-click='postUser()'>" +
        "</form>"  });
});

这是我为ng-click创建的功能,用于发布数据

angular.module('myApp').controller('myAppCtrl', function ($scope, $http) {

    $scope.postUser = function () {

          $http({
              url : "http://127.0.0.1:8000/users/",
              method: "POST",    
              data : {
                username : $scope.myUser
              },
              headers :  {'Content-Type' : 'application/json', 'Accept':'application/json'
              }    
          }).then(function onSuccess(response) {
              console.log(response);
          }).catch(function onError(error) {
              console.log(error);

          });
    };

});

0 个答案:

没有答案