Question

我使用sessionStorage记录表单的数据，这与添加新餐厅有关。我从表单中获取数据，但是我想以餐馆名称，地址，通知的形式检索每个餐馆的数据，我创建了一个餐馆对象类，因为我认为这是必需的……但我不知道该怎么做… 我设法通过样式forEachKey来获取所有restos注释的样式块中的每个键的数据，而不是每个键，地址，每个餐厅的注释，评论；基本上，我想为每家餐厅恢复健康：餐厅名称地址注意评论

我必须在访问该网站时将它们存储起来，页面的所有加载都必须删除...因为我必须以虚构的方式添加餐厅... 我使用了sessionStorage，因为我还没有掌握php。表单验证后，我想在使用Google Places API检索的餐厅列表中显示数据。有人可以帮我吗，我需要你的灯！我被封锁了！谢谢!!

<div id="newRestaurant"><h4>Ajouter un Restaurant</h4><form id="addNewRestaurant"><label>Nom du restaurant</label><br><input type="text" name="newName" id="newName" required><br><label>Adresse</label><br><input type="text" name="newAddress" id="newAddress" required><br><input type="submit" id="submitNewRestaurant"></form></div>';
    <form id="review_form">
    <label>Stars :</label><br>
    <p id="numberstars"</p>

    <select name="numberstars"id="numberstars">
    <option value="1">1</option>
    <option value="2">2</option>
    <option value="3">3</option>
    <option value="4">4</option>
    <option value="5">5</option>
    </select><br>

    <label>Your comment :</label><br>
    <textarea name="fullcomment" id="fullcomment"></textarea><br>
    <input type="submit" id="submitbtn">
    </form>
    <script>
    class Restaurant{
    constructor (nom,adresse){
    console.log(this);
    this.nom=newName;
    this.adresse=newAddress;
    this.avis=[];
    }
    }
    class avis{
    constructor(note,commentaire){
    console.log(this);
    this.note=note;
    this.commentaire=comment;
    } 
    }
    // function forEachKey() {

    // for (var i = 0; i < sessionStorage.length; i++) {
    // console.log(sessionStorage.getItem(sessionStorage.key(i)));
    // }
    // }

    //--------------------------------------------------------------------------    
    names = JSON.parse(sessionStorage.getItem('nom') || "[]");
    addresses= JSON.parse(sessionStorage.getItem('adresse') || "[]");
    document.getElementById('submitNewRestaurant').onclick =function (saveData) {

    var data = document.getElementById('newName').value;
    names.push(data);
    sessionStorage.setItem('nom', JSON.stringify(names));

    var data = document.getElementById('newAddress').value;
    addresses.push(data);
    sessionStorage.setItem('adresse', JSON.stringify(addresses));

    };

    views = JSON.parse(sessionStorage.getItem('commentaire') || "[]");
    notes = JSON.parse(sessionStorage.getItem('note') || "[]");
    document.getElementById('submitbtn').onclick =function (saveData) {

    var data = document.getElementById('fullcomment').value;
    views.push(data);
    sessionStorage.setItem('commentaire', JSON.stringify(views));

    var data= $('#numberstars option:selected').text();
    sessionStorage.setItem('note',data);
    sessionStorage.setItem('note',JSON.stringify(data));
    notes.push(data);
    sessionStorage.setItem('note', JSON.stringify(notes));
    };
    </script>

SessionStorage使用多个键从对象检索数据

0 个答案: