通過Post方法將數據保存為JSON格式

Question

我正在使用AngularJS 。 我想將數據以JSON格式的文件發布到localhost服務器，即http://localhost:8080/out.json 。

在這種情況下應如何實施post方法？ 或任何其他能夠將數據保存為json格式的post方法的有效示例。

謝謝。

這是我的代碼：

 var app = angular.module('myApp', []); app.config(['$httpProvider', function($httpProvider) { $httpProvider.defaults.useXDomain = true; delete $httpProvider.defaults.headers.common['X-Requested-With']; } ]); app.controller('FormCtrl', function ($scope, $http) { $scope.data = { firstname: "default" }; $scope.submitForm=function($scope, $http) { $http.post('someurl', JSON.stringify(data)). success(function(data) { console.log(data); }). error(function(data) { console.log(data); }); }; });

 <html ng-app="myApp"> <head> <script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.0.8/angular.min.js"></script> <script src="controller.js"></script> </head> <body> <div ng-controller="FormCtrl"> <form name="saveTemplateData" action="#"> First name: <input type="text" ng-model="data.firstname"> <br/><br/> <button type="submit" ng-Click='submitForm()'>Submit</button> </form> </div> </body> </html>

Answer 1

您不需要使用嚴格的功能。 我認為您忘了放$scope. data之前

嘗試使用此代碼：

$scope.submitForm=function($scope, $http) {
    $http.post('someurl', $scope.data).
        success(function(data) {
                    console.log(data);
        }).
        error(function(data) {
                    console.log(data);
        });
    };

編輯

哦，我沒有看到，但是當您聲明類似submitForm的函數時，您也不需要再次指定$scope, $http 。 如果這樣做，則必須命名為$ scope的變量，該變量將不在同一范圍內，並且您將無法訪問數據。

$scope.submitForm = function() {
    $http.post('someurl', $scope.data).
        success(function(data) {
                    console.log("success" + data);
        }).
        error(function(data) {
                    console.log("error" + data);
        });
    };

Answer 2

添加我的評論作為答案：

聽起來您要發送到的域與您所在的域不同。.通常，除非該域接受此類請求，否則您不能這樣做。

通過Post方法將數據保存為JSON格式

問題描述

2 個解決方案

解決方案1
1 2014-11-27 09:08:47

解決方案2
1 已采納 2014-11-27 10:00:46

通過Post方法將數據保存為JSON格式

問題描述

2 個解決方案

解決方案1 1 2014-11-27 09:08:47

解決方案2 1 已采納 2014-11-27 10:00:46

解決方案1
1 2014-11-27 09:08:47

解決方案2
1 已采納 2014-11-27 10:00:46