如何从变量中保存值?

时间:2017-03-23 14:55:31

标签: javascript php arrays json console

所以现在,我将值从我的vars打印到控制台,但我真正想做的是在每次用户点击" .one&#34时以某种方式将这些值保存在新数组中;。这甚至可能吗?

这是我的代码:

function addNewTimer() {
  //add a new timer
  $(".one .add").click(function() {
    $('.one').append('<span class="newtimer stoptimer">1000</span><br/>').html();
    $('.one .newtimer:last').prop('Counter', 0).animate({
      Counter: 1000
    }, {
      duration: timerclock, //default 100 mins = 60000000,
      easing: 'linear',
      step: function(now) {
        $(this).text(Math.ceil(now));
      }

    });
    arr1 = {}
    arr1.role = $(".one .positiontitle").text();
    arr1.team = "Account";
    arr1.rate = cost1;
    arr1.time_start = new Date();
    arr1.time_start_perc = Number($(".stoptimer:first").text() / 60);
    console.log(arr1);
    $(".one").append('<span class="role"></span><br/>').html();
    $(".one").append('<span class="team"></span><br/>').html();
    $(".one").append('<span class="rate"></span><br/>').html();
    $(".one").append('<span class="time_start"></span><br/>').html();
    $(".one").append('<span class="time_start_perc"></span><br/>').html();
    $(".one .role:last").append(arr1.role);
    $(".one .team:last").append(arr1.team);
    $(".one .rate:last").append(arr1.rate);
    $(".one .time_start:last").append(arr1.time_start);
    $(".one .time_start_perc:last").append(arr1.time_start_perc);
  });
}

2 个答案:

答案 0 :(得分:0)

您有以下选项:

  • 使用 localStorage 在浏览器中本地保存数据。这是一个非常简单的步骤,但用户可以删除此数据。如果您想使用localStorage,请查看此链接: https://developer.mozilla.org/de/docs/Web/API/Window/localStorage

  • 将数据保存在服务器上。因此,您需要一个将数据保存到数据库,文件或其他任何内容的后端。您可以编写一个非常简单的PHP / NodeJS后端,其中包含要保存的API端点和一个用于加载数据的后端。 您可以使用jQuery.ajax()从服务器保存和加载数据。

答案 1 :(得分:0)

您可以发送ajax请求来存储数据。

靠近console.log(arr1);使用以下(我想你正在使用jquery):

var dataArray=JSON.stringify(arr1);
$.ajax({

   url: '/store.php',
   type: 'POST',
   data: { data: dataArray },
   success: function() {console.log('Data sent to server'); }

});

现在你的store.php可能如下所示:

<?php

  $data = $_POST;

  var_dump($data); //debug if you want

  //Now you can store in your database.

如果需要,您也可以使用GET Request,但记得在JS代码中更改类型。

我希望这适合你并且你正在寻找这个。 :)