Question

This is a function that I’m using to build my charts:

$('#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);
    (...)

Is there a way to save my charts search based on these parameters: start_date, end_date, type which are obtained from a form? I want to save every search that user does while they are logged in.

Answer 1

I guess this can get you started:

$('#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) 
}); 

Next time when your user login, get the search_details from window.sessionStorage[‘search’].
WHen you want to see the history of searches, you can use JSON.parse(window.sessionStorage[‘search’]); and it will give you an array of objects which you can pass to server side processing.