26

我是 AngularJS 的新手，我需要你的帮助。

我只需要将我的 json 发布到 API 并收到正确的响应。

这是我的 JSON，我不知道在哪里编码。

JSON

{ 
    "userId"      :"testAgent2",
    "token"       :"testAgent2",
    "terminalInfo":"test2",
    "forceLogin"  :"false"
}

不确定我是否做对了。

控制器.JS

function UserLoginCtrl($scope, UserLoginResource) {
    //Save a new userLogin
    $scope.loginUser = function() {
        var loggedin = false;
        var uUsername = $scope.userUsername;
        var uPassword = $scope.userPassword;
        var uforcelogin = 'true';

        UserLoginResource.save();
    }
}

服务.JS

angular.module('UserLoginModule', ['ngResource'])
    .factory('UserLoginResource', function($resource, $http) {
        $http.defaults.useXDomain = true;
        delete $http.defaults.headers.common['X-Requested-With'];
        $http.defaults.headers.post["Content-Type"] = "application/json"; //NOT WORKING

        return $resource('http://123.123.123.123\\:1234/SOME/LOCATION/THERE', {}, {
            save: { 
                method:'POST', 
                headers: [{'Content-Type': 'application/json'}] 
            } //NOT WORKING EITHER
        });
    });

索引.HTML

<html ng-app>

<head>
<script src="js/lib/angular/angular.js"></script>
<script src="js/lib/angular/angular-resource.js"></script>
</head>


<body ng-controller="UserLoginCtrl">
  
<form class="form-horizontal" name="form-horizontal" ng-submit="loginUser();">

<div class="button-login">

<!-- start: button-login -->
<button class="btn btn-primary" type="submit">Login</button>

</div>

</form>


</body>   


</html>

我不断收到类似 Unsupported Media Type 的回复。不知道，还有什么办法。

4

3 回答 3

23

假设您能够使用最近的“不稳定”版本之一，更改标头的正确语法是。

app.factory('BarService', function ($resource) {
var BarService = $resource('/foo/api/bars/:id', {}, {    
    'delete': {
        method: 'DELETE',
        headers: {
            'Content-Type': 'application/json'
        }
    }
});
 return BarService;
});

我发现 $resource 服务是构建应用程序的一个非常强大的工具，并且已经成熟到您不需要再退回到 $http 的程度了。再加上它的活跃记录模式非常方便。

于 2013-10-02T15:15:34.860 回答
22

在 Angular 中发布 JSON 对象非常容易。您需要做的就是以下几点：

创建一个 Javascript 对象

我将使用您代码中的确切属性。

var postObject = new Object();
postObject.userId = "testAgent2";
postObject.token = "testAgent2";
postObject.terminalInfo = "test2";
postObject.forceLogin = "false";

将对象发布到 API

要将对象发布到 API，您只需要一个简单的 $http.post 函数。见下文：

$http.post("/path/to/api/", postObject).success(function(data){
    //Callback function here.
    //"data" is the response from the server.
});

由于 JSON 是发布到 API 的默认方法，因此无需重新设置。有关更多信息，请参阅$http 快捷方式上的此链接。

关于您的代码，请尝试更改您的保存方法以包含此简单的发布方法。

于 2013-06-20T21:43:46.177 回答
3

设置 'Content-Type': 'application/json' 的正确方法是为保存操作设置一个 transformRequest 函数。

angular.module('NoteWrangler')
.factory('NoteNgResource', function NoteNgResourceFactory($resource) {

    // https://docs.angularjs.org/api/ngResource/service/$resource

    return $resource("./php/notes/:id", {}, {
        save : { // redefine save action defaults
            method : 'POST',
            url : "./php/notes", // I dont want the id in the url
            transformRequest: function(data, headers){
                console.log(headers);
                headers = angular.extend({}, headers, {'Content-Type': 'application/json'});
                console.log(headers);
                console.log(data);
                console.log(angular.toJson(data));
                return angular.toJson(data); // this will go in the body request
            }               
        }
    });
});

似乎没有清除查询参数的方法，请求将同时具有...

于 2015-06-05T17:43:20.177 回答