将变量附加到api对象

时间:2018-09-12 21:32:40

标签: javascript jquery ajax

所以我从REST API获取了多个对象。

我这样通过AJAX获取数据:

var APICaller = (function () {
    let endpoint = "https://jsonplaceholder.typicode.com/";

    function api_call(method, url, data, callback) {
        $.ajax({
            url: url,
            method: method,
            data: data,
            success: callback
        });
    }

    function get_users(callback) {
        let method = "GET";
        let url = endpoint + "users";
        let data = {};
        api_call(method, url, data, callback);
    }

    return {
        get_users: get_users,
    };
})();

我正在滚动3个骰子,这3个骰子的总价值应附加到每个用户,以便我可以在总价值之后订购“记分板”。 我想知道是否有任何方法可以将变量totalamount附加到每个用户?

谢谢你!

编辑:

目前,我正在从api获取所有用户。

这是我剩下的与该主题有关的代码:

var Game = (function () {
    var dice_total;
    //Function for when the dice rolls.
    function roll_dice() {
        var value1 = $(".val1");
        var value2 = $(".val2");
        var value3 = $(".val3");
        var v1 = Math.floor(Math.random() * 6) + 1;
        var v2 = Math.floor(Math.random() * 6) + 1;
        var v3 = Math.floor(Math.random() * 6) + 1;

        value1.html(v1);
        value2.html(v2);
        value3.html(v3);

        dice_total = v1 + v2 + v3;
    }

    return {
        roll_dice: roll_dice
    };
})();

var EventHandlers = (function () {
    function init() {
        var currentPlayer;
        APICaller.get_users(on_get_users_success);

        function on_get_users_success(response) {
            //For each user in the API
            $.each(response, function (i, user) {
                $("#my-list").append('<li class="list-li"><a class="list-a">' + user.name + '</a></li>');
                //Create the divs and p tags 
                $("#dice_value").append('<div class="val_div"> <p class="val1"></p> <p class="val2"></p> <p class="val3"></p></div>');
            });
            //change information
            $("#info-txt").text("Välj en spelare!");
        }
        // On klick on a user make klicked user your own player.
        $("#my-list").on('click', '.list-a', function () {
            currentPlayer = this.text;

            $("#info-txt").text("Tryck på spela knappen för att börja spelet!");
            $("#currentPlayer-div").animate({
                height: '300px',
                opacity: '1'
            });
            $("#currentPlayer-h3").text(currentPlayer);

        });
        // On klick of the play button
        $("#startGame-button").click(function () {

            $().animate();
            $("#currentPlayer-div").animate({
                height: '150px'
            });
            $("#startGame-button").animate({
                opacity: '0'
            });
            $("#dice_value").animate({
                opacity: '1'
            });
            Game.roll_dice();
        });

        // $(".button-to-hide").click(function (){
        //     $(this).hide();
        // });

        // $("#show-all-buttons").click(function (){
        //     $(".button-to-hide").show();
        // });

        // $("#btn-edit-text").click(function (){
        //     var value = $("#my-input").val();
        //     $("p").html(value);
        // });

    }

    return {
        init: init,
    }

})();
var DocumentEdit = (function () {

    return {

    }
})();
$(document).ready(function () {
    EventHandlers.init();
});

描述它的希望。

0 个答案:

没有答案