Here's my issue. I'm working with a Javascript object, initialized as var stack = {}. This object is used in my project to store arrays. When the user clicks the add button, an array is added to the object with a specific key that is inputted in an HTML field. The user can click the add button multiple times to add more arrays. Upon clicking the submit button, the data is sent via ajax to php. After a successful response, the stack is cleared and ready for use again. Below are sample functions showcasing this implementation.
Add.js
function add(stack){
...
var arr = ['apple','oranges'];
stack[someName] = arr;
}
Submit.js
function submit(stack){
$.ajax({
type: "POST",
url: "somefile.php",
success: function(html){
//some event
...
//remove elements from stack
stack = {};
}
});
}
Main.js
var stack = {};
$('#addButtonId').on('click',function(){
add(stack);
}
$('#sumbitButtonId').on('click',function(){
submit(stack);
}
The issue arises after clicking the submit button and clearing the object. If the add button is clicked again, the object stack doesn't hold any new arrays. Can anyone shed light on what might be happening? I've heard about potentially leaving garbage when clearing objects with obj = {}, but I'm unsure if that relates to my problem.
Appreciate any help in advance!