What is a good way to store model data in a jQuery application?

Question

I am working on a web application that is heavy on the client side, which is the first for me. I also use jQuery for the first time. I need my client code to track the model data that it retrieves through Ajax calls.

What is a good way to store this data? Is jQuery a good solution or is there a good general Javascript solution? I basically want to write model classes in Javascript (but I don't have to inherit). Right now, my jQuery code is the controller level, and the DOM and CSS form my layer. How do other people perform the model layer?

Answer 1

jQuery developer Adam Woolf has released a series of tutorials on his development of MVC templates on the client with jQuery some time ago. You may find them very useful in your current project. In addition, JollyToad has done some work in this area. You can also view their results online .

Answer 2

There is also, I discovered, a method known as Concrete Javascript, where DOM objects are used as model objects. Effen sounds like a good way to implement this: http://github.com/nkallen/effen/tree/master .

Answer 3

I usually use server-built JSON data structures to store all the things that my client side is going to use for interactive manipulations, etc. Nothing specific to jQuery about this ...