As someone who is still learning about MVC, I find myself a bit unsure about the best way to integrate MVC models with JavaScript objects and AJAX.
For instance, in one of my applications, I have a calendar that displays user events stored in a database. Users can interact with these events by moving them around on the calendar, and the new times need to be saved back to the database.
When a user initially accesses my Calendar action, I retrieve events from the database and pass them to the view using the CalendarModel. This allows me to visually render the events, but I also need access to these events as JavaScript objects for making AJAX calls to my UpdateEventTimes action to save changes made by the user.
Currently, I am faced with two options: either manually extracting event data from the CalendarModel and embedding it directly into JavaScript code as strings, or making another AJAX call from JavaScript to fetch the events again. Neither of these solutions seems ideal to me, so I am curious if there are any clever MVC techniques that could provide a more elegant solution?