通过angularjs向服务器发出post请求获取错误404

时间:2016-02-20 12:26:56

标签: angularjs ionic-framework

.controller("HttpPostController", function ($scope, $http)
  {
 console.log('SendHttpPostData login', $scope.loginData);
    $scope.SendHttpPostData = function ()
     {
        var data = 
        {
            name:$scope.loginData.username,
            pwd:$scope.loginData.password

        }

        var config =
          {
            headers : {
                'Content-Type': 'application/json;charset=utf-8;'
           }
        }

        $http.post('demo url', data, config)
        .success(function (data, status, headers, config)
         {
          console.log("  success"+status);

        })
        .error(function (data, status, header, config) 
         {

             console.log("  error"+status);

        });

    };

这是我的代码,我已经调用了函数SendHttpPostData() 在html文件中ng-submit =“SendHttpPostData()”并在div中添加了ng-controller,而不是每当调用SendHttpPostData()时我都会收到404错误,请帮帮我。

1 个答案:

答案 0 :(得分:0)

试试这个可能会对你有所帮助。但是你还没有定义demo_url。

var demo_url = 'http://facebook.com:8081';//whatever your url is    
$http({
        method: 'POST', url: demo_url, data: { name:$scope.loginData.username, password: pwd:$scope.loginData.password },
        transformRequest: function (obj) {
          var str = [];
          for (var p in obj)
            str.push(encodeURIComponent(p) + "=" + encodeURIComponent(obj[p]));
          return str.join("&");
        }
      }).success(function (data, status, headers, config)
             {
              console.log("  success"+status);

            })
            .error(function (data, status, header, config) 
             {

                 console.log("  error"+status);

            });