title: asp.net MVC with MVVM via Knockout, pass model to javascript
body: <p>I'm writing an MVC application and I've decided that Knockout.js will help with a lot of my issues, except in the process, it has created a new issue that I'm having a problem solving.</p>
  
  <p>I converted all my MVC endpoints to just return views, and then I've created several other endpoints that returns the JSON objects.  When the user browses to the website, the site loads the basic UI frame.  After that, Knockout.js loads the model via AJAX calls.  This has caused every page to load, and then "load" again where as with just the MVC the page loaded and all the data was present.</p>
  
  <p>I've been looking into ways to get both to load at the same time, but I haven't found anything that doesn't require me to completely refactor the site. The best option was:</p>
  
  <ul>
  <li>Merge the JSON endpoints into the view endpoints and convert the model to JSON in the codebehind using <code>@Html.Raw(Json.Encode(object))</code></li>
  </ul>
  
  <p>but then I have to get ride of all my pure JSON endpoints.</p>
  
  <p>Is there anything else I can do to pass JSON endpoint data to the view on the serverside? Or any way to get the model and the view to load at the same time?</p>