我无法通过POST方法从angularjs向php发送请求

时间:2015-01-19 10:04:41

标签: javascript php jquery angularjs

我正在尝试构建小型应用程序。它包含textarea和下面的按钮面板,当我把第一个字母放在这个textarea时。我不得不使用isButtonVisible()方法。它工作正常。当我点击"发送"通过方法POST从textarea到data.php脚本的数据请求(它是我的任务点。它必须是send()方法)。请求完成后,脚本应显示JavaScript alert(),其中包含"数据保存"。

我的angularjs脚本(ng-controller.js)看起来像:

angular.module("Textarea", []).controller("TextAreaCtrl", TextAreaCtrl);

function TextAreaCtrl($scope, $http)
{
    'use strict';

    $scope.success = false;
    $scope.httpError = false;

    this.isButtonVisible = function()
    {
        return $scope.text;
    };

    this.send = function ()
    {
        var data = $scope.text;

        if(!data)
            return false;

        $http.post('data.php', data)
        .success(function (data)
        {
            $scope.success = true;
        })
        .error(function (data)
        {
            $scope.httpError = true;
        });
    };
};

1 个答案:

答案 0 :(得分:0)

您必须在控制器中定义'$ http'的使用,然后您可以在函数中使用它。

angular.module("Textarea", []).controller("TextAreaCtrl", ['$scope', '$http', function($scope, $http) {
  $scope.orderList = function() {
    $http.post('http://example.com').
      success(function(data) {
        $scope.data = data;
      }).
      error(function(data, status) {
        console.log(data);
        console.log(status);
      });
    };
}];