如何将所有 sessionStorage 内容提交到 PHP 服务器

Question

我目前正在使用类似下面的东西，但是在将我的所有 sessionStorage 数据分配给一个变量并将其传递给我的 PHP 时遇到语法问题：

var exampleValueOne = "Value A";
var exampleValueTwo = 2;
var exampleValueThree = "Value XYZ";

//Example value from my HTML modal where multiple of the same 'users' may be captured
var dropDownValue = $('#aDropDown').find('option:selected').attr('value');

//Some assignments
sessionStorage.setItem("valueA", exampleValueOne );
sessionStorage.setItem("valueB", exampleValueTwo );
sessionStorage.setItem("valueC", exampleValueThree );

//Need to be able to assign an indeterminate amount of valueD key value pairs
if (sessionStorage.getItem("valueD1") === null) {   

    var countNumber = 1;           
    sessionStorage.setItem("valueE", countNumber);

    for (var i = 0; i < countNumber; i++){  

    sessionStorage.setItem("valueD"+[countNumber], dropDownValue);

    }

} else {

    //if at least one valueD exists it means we need to add after the last one  
    var countNumber = parseInt(sessionStorage.getItem("valueE"));  
    //update the count
    sessionStorage.setItem("valueE", (countNumber + 1));

    for (var i = countNumber; i < (countNumber + 1); i++){

        sessionStorage.setItem("valueD"+[countNumber], dropDownValue);

    }

}

sessionStorage 应如下所示：

值A：“值A”

值B：“2”

valueC: "值 XYZ"

假设已经使用 for 循环保存了两个值，它们将被保存为 这样（值 8 和 2 只是 html 端的随机示例属性值）：

值D1：“8”

值D2：“2”

//NOW I would like to pass these values to my PHP using Ajax

var data = {
            /*ALL SESSION STORAGE ITEMS?*/
            };                                                             

            $.ajax({
                type: "POST",
                url: "myPHP.php",
                data: data,
                success: function(){                    
                return false;
                }
                });

Answer 1

您可以使用length 属性和key(i) 方法来获取会话存储中使用的所有密钥。使用这些键，您可以像正常一样检索值

sessionStorage.setItem("valueA", '1' );
sessionStorage.setItem("valueB", '2' );
sessionStorage.setItem("valueC", '3' );

//Create data object so we can submit it to the server 
var data = {};
for(var len = sessionStorage.length, i = 0; i < len; i++) {
    var key =  sessionStorage.key(i);
    data[key] = sessionStorage.getItem(key);
}
console.log(data);

//From this point you can post the `data` to your server side
$.ajax({ type: "POST", url: "myPHP.php", data: data });