成功后如何显示服务器上的json

How to display json from server after success?

本文关键字：服务器 json 显示 何显示 成功      更新时间：2023-09-26

我正在Angular上创建一个登录控制器，我有一个工厂服务，在其中我发送一个post请求并返回json数据。当我console.log成功数据时，我可以看到一个对象，但当我试图访问未定义的属性时。

UserAuthFactory.login(name,password)
        .success(function(data){
            console.log(data.token);
            AuthenticationFactory.token = data.token;
            console.log(data);
        }).error(function(status){
            console.log('oops something went wrong.');
        });
};

在我的控制台中.log

对象｛success:true，消息："享受您的代币！"，代币："eyJ0eAiOiJKV1QiLCJhbGciOiJIUzI1NiJ9.eyJfaWQiOiI1N…jowfQ.Hcfejg7x7W4w01fBaf303I2iJ57T38e84vLtGDiwSHI"}消息："享受您的代币！"成功：trueton:"eyJ0eAiOiJKV1QiLCJhbGciOiJIUzI1NiJ9.eyJfaWQiOiI1NjUzodeyNjg2NzFhM2JhMmQ2NTQ4NjgiLCJuYW1IjoiTmljayBG9uYXJpcyIsinbhc3N33JkIjoicGFzc3dvcQiLCJhZG1pbi6dHJ1ZSwiX192IjowfQ.Hcfejg7x7W4w01fBaf33I2iJ57T38e84vLtGDiwSHI"原型：对象app.js:121未定义

然后如何访问数组的不同属性？令牌、消息等属性？

如果您想访问HTML部分中的数据，请参阅我的示例代码。

我确实使用了$scope，$http模块。

example.controller('Example', function( $scope, $http ) {
    $scope.token = '';
    $scope.message = '';
    $scope.etc = null;
    $scope.getToken = function() {
        var reqParams = { id: 'userid', password: 'owije3wefo' };
        $http.post('getToken', reqParams ).then( function( res ) {
            console.log( res.data );
            this.result = res.data.token;
            this.message = res.data.message;
            this.etc = res.data.etc;
        }.bind(this));
    };
});

在html中，

<div ng-controller="Example">
    <div>
        <span class="label">token</span>
        <input ng-model="token" type="text" />
    </div>
</div>

当您有一个JSON对象时，您应该只使用函数来转换它JSON.parse（文本）

例如

var json_object = JSON.parse(json_string);
console.log(json_object.parameter);
相关文章：