Question

这是我用来构建图表的函数：

$('#button_submit').click(function() {
    var start_date = $('#start_date').val();
    var end_date = $('#end_date').val();
    var type = $('#type').val();
    drawChart(start_date, end_date, type, unit) 
}); 

function drawChart(start_date, end_date, type, unit) {
    var jsonData = $.ajax({
        //url: "server.php?start_date=" + start_date + "&end_date=" + end_date + "&type=" + type,
        dataType: "json",
        async: false
    }).responseText;

    var obj = jQuery.parseJSON(jsonData);
    var data = google.visualization.arrayToDataTable(obj);
    (...)

有没有办法根据这些参数保存我的图表搜索：从表单中获取的start_date，end_date，type？我想保存用户登录时所做的每一次搜索。

Answer 1

我想这可以让你开始：

$('#button_submit').click(function() {
    var start_date = $('#start_date').val();
    var end_date = $('#end_date').val();
    var type = $('#type').val();
    var tempArr = new Array();
    var json = window.sessionStorage['search'];
    if(json)
        tempArr = JSON.parse(json);
    tempArr.push(JSON.parse('{"start_date" : "'+start_date+'" , "end_date" : "'+end_date+'" , "type" : "'+type+'"}'));
    window.sessionStorage['search'] = JSON.stringify(tempArr);
    drawChart(start_date, end_date, type, unit) 
});

下次用户登录时，从window.sessionStorage ['search']获取search_details。如果您想查看搜索历史，可以使用JSON.parse（window.sessionStorage ['search']）;它将为您提供一组对象，您可以将这些对象传递给服务器端处理。

使用表单和javascript保存搜索以供将来使用

1 个答案: