角度 $http 没有向服务器发送任何值

Question

我正在尝试将 JSON 数据发送到服务器，并希望从服务器获取响应文本。

这是我的代码：

app.directive("registerSection",['$http',function($http){
  return{
    restrict : "E",
    templateUrl : "view/register-section.html",
    controller : function(){
      this.regdata = {};
      this.addData = function(){
        // Send Data
        $http({method:'POST',url:'http://url.com/account/register',data:JSON.stringify(this.regdata)}).then(function(dt){
          alert(JSON.stringify(dt));
        },function(dt){
        alert(JSON.stringify(dt));
        });
      };
    },
    controllerAs : "reg"
  };
}]);

这是html代码：

<form name="registerForm" ng-submit="registerForm.$valid && reg.addData()" novalidate>
<input type="text" name="name" ng-model="reg.regdata.name" placeholder="Your Name" required><br />
<input type="email" name="email" ng-model="reg.regdata.email" placeholder="Your Email" required><br />
<input type="password" name="password" ng-model="reg.regdata.password" placeholder="Your Password" required><br />
<p>{{reg.regdata}}</p>
<button type="submit">Register</button>

我已经看过 angular 文档，但服务器仍然没有从客户端获取任何值。 我在堆栈溢出中看到了同样的问题，但它仍然没有解决这个问题。

对不起，我的英语不好，谢谢。

Answer 1

我认为问题是由您将数据添加到 $http 调用的方式引起的。 你可以尝试改变你的控制器功能如下：

controller : function(){
  this.regdata = {};

  //Send Data
  this.addData = function(){
    var url = 'http://url.com/account/register';
    $http.post(url, this.regdata).then(function(dt){
      console.log(dt);
    },function(dt){
    console.log(dt);
    });
  };
}

您不必进行字符串化，因为 $http 服务会为您完成。

注意：该网址对我不起作用，因此我无法测试那部分代码。

Answer 2

$scope.myfun = function(id){

    data = "id="+id;
    $http.post("http://192.168.1.52/Angularjs/responce.php?get=true", data ,{headers : {'Content-Type': 'application/x-www-form-urlencoded'}})
        .success(function (response) {

        $scope.data1 = response;

        $scope.formid= $scope.data1[0].id;
        $scope.fName = $scope.data1[0].firstname;
        $scope.lName = $scope.data1[0].lastname;

        $scope.passw1 = $scope.data1[0].password;
        $scope.passw2 = $scope.data1[0].password;


        }
    );  };

这对我有用