I am facing an issue with updating an array dynamically in my C# server-side code and then utilizing the updated data in a JQuery function on my webpage. When the page first loads, the array is filled with some default values by C#. However, when a user makes changes to a control triggering a postback, the C# code refills the array with the correct updated data. Despite confirming through Firebug that the data has been updated, I still see the original array contents displayed.
For example: Upon initial page load, this is how the array is populated:
<script>
function pageLoad() {
var ary= new Array('original-1','original-2', 'original-3', 'original-4');
}
</script>
After the postback, the array is updated as follows (confirmed through Firebug inspection):
<script>
function pageLoad() {
var ary= new Array('updated-1','updated-2', 'updated-3', 'updated-4');
}
</script>
Despite successfully loading the updated content, I continue to see the original data instead of the updated values.
My query is: How can I access and use the updated data after the postback? I believe there might be a simple solution to this problem, but I am struggling to figure it out.