Pro JavaScript for Web Apps pdf - EBook Free Download

CHAPTER 6 STORING DATA IN THE BROWSERYour Details:I have defined a simple three-field form element in this example, which you can see in Figure 6-1.The form captures the user’s name, city, and country and is posted to the /formecho URL at the server,which simply responds with details of the data that was submitted.Figure 6-1. Using local storage with form elementsI have used a view model as an intermediary between the input elements and local storage. Whenthe user enters a value into one of the input elements, the value data binding updates the correspondingobservable data item in the view model. I use the subscribe function to receive notifications of thesechanges and write the update to local storage, like this:$.each(viewModel.personalDetails, function(index, item) {item.value(localStorage[item.name] || "");item.value.subscribe(function(newValue) {localStorage[item.name] = newValue;});});143www.it-ebooks.info