Enregistrer le Fichier JSON Localement

Je suis en train de concevoir un site web HTML5 qui permet de créer et de formes de position avec plusieurs attributs. Les formes sont créées comme des balises div de class="forme" et les attributs sont stockés pour chaque forme de div à l'aide de la méthode de données. Je aimerais être en mesure de sauvegarder la position des attributs et des formes, dans un fichier JSON, avec un nom défini par l'utilisateur.

Actuellement, je suis en utilisant ajax et php pour générer le fichier JSON et l'enregistrer sur le serveur.

Des idées ou des pensées sur la façon dont cela devrait être fait? Les points de Bonus pour les bibliothèques, les Api et les exemples!

Clarification Edit: le fait d'enregistrer un discret fichier dans un emplacement défini serait préférable. Toutefois, en fonction du facteur de difficulté entre les deux options, le navigateur de stockage pourrait certainement suffire.

Rechercher localstorage et économiser de l'objet json dans les navigateurs magasin local. Gardez à l'esprit que cela signifie que si ils signent d'ailleurs ils n'ont pas accès à leurs données.
"Actuellement, je suis en utilisant ajax et php pour générer le fichier JSON et l'enregistrer sur le serveur." Est l'obligation pour le client de fournir son nom à json fichier ? Pour le client pour enregistrer le fichier ?
Oui, il est obligatoire d'être en mesure de spécifier le nom. Le 'enregistrer le fichier' est un peu mélanger jusqu'discret de fichier serait préférable.

OriginalL'auteur Jesse Walton | 2015-01-23

  1. 3

    Je suppose qu'il ya beaucoup de possibilités, mais l'une est d'utiliser le stockage local et de construire une sorte de synchronisation à votre application. Vous pouvez le synchroniser avec ajax ou les websockets ou ainsi de suite.

    var updateLocalData = function(data){
    if( supports_html5_storage() ){
        localStorage.setItem('shape', JSON.stringify(data))
    }
}

    pour synchroniser vos données sont écrites localStorage choses et l'envoyer, avec votre méthode préférée. Et aussi garder à l'esprit pour utiliser un timestamp pour toujours être en mesure de trouver la dernière version. 

    var getLocalData = function(){
    if( supports_html5_storage() ){
        var userData = JSON.parse(localStorage.getItem('shape'));
        if(userData !== null){
            return userData;
        }
    }
    var tStamp = getCurrentTimeStamp()+"";
    var obj = {};
    obj[tStamp] = {"shapedata": ... };
    return obj;
}

    OriginalL'auteur user934801