Question

I am currently using localstorage to store what pages the current user has visited:

<?php
//start the session 
session_start();
//set $username as the current logged in user
$username=$_SESSION["Username"];
?>

JQuery:

var journey = JSON.parse(localStorage.getItem('journey'))||[];
journey.push(location.protocol + 
'//' + location.host + location.pathname);
localStorage.setItem('journey', JSON.stringify(journey));

Currently this is a temporary storage, however I would also want to give them the option to save their journey.

How would I be able to save the individual URL’s along with the user’s ID (which is already stored in the database) into the MySQL database? e.g. table name ‘Journey’ with columns ‘URL’ and ‘UserID’.

Answer 1

The MySQL journey table:

CREATE TABLE journey (
    userId INT NOT NULL,
    journeyUrl VARCHAR(200) NOT NULL,
    PRIMARY KEY( userId, journeyUrl ),
    FOREIGN KEY( userId ) REFERENCES userTable( userId )        
);

The insert journey Query:

$insert_query = "INSERT INTO journey ( userId, journeyUrl ) VALUES ( {$userId} , '{$journeyUrl}' );";

The update journey query if one already exists:

$update_query = "UPDATE journey SET journeyUrl = '{$journeyUrl}' WHERE userId = {$userId};";

Your php script would echo a result at the end where the result is a boolean. True means save was sucessful, False means saving was a failure:

echo json_encode($result);

You would have a php script that executes these queries based on whether or not there is a record in the table referencing the user already.

An jQuery AJAX function like so would call the script and save the journey:

$.ajax({
    type: "POST",  
    url: "savejourney.php",  
    data: { id : userid, url : journeyUrl },
    dataType: "json", 
    success: function(data) {
        if(data) {
            alert("Journey saved sucessfully!");
        }
    }  
});