所以现在,我将值从我的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);
});
}
答案 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代码中更改类型。
我希望这适合你并且你正在寻找这个。 :)