title: which is the best method to load the Data without database interactivity
body: <p>In my new project,  I have many dynamic data blocks on home page. for e.g.</p>
  
  <ul>
  <li><strong>Latest news</strong> (displays top 2 news from DB, contains a small image, abstract text, and read more link)</li>
  <li><strong>Deals of the week</strong> (displays top 2 deals from DB, contains a small image, Title, Subtitle, abstract text, and read more link) </li>
  </ul>
  
  <p>To implement such things, I'm planning to go for one of the following approaches.</p>
  
  <p><strong>Approach A:</strong> storing such data in a separate HTML file, and render that using either <strong>Jquery ajax() call</strong> or <strong>MVC RenderPage()</strong></p>
  
  <p><strong>Approach B:</strong> storing such data in a separate Text file, and render that using <strong>Jquery ajax() call</strong></p>
  
  <p><strong>Approach C:</strong> storing such data in a separate XML file, and render that using <strong>Jquery ajax() call</strong> by reading XML and build HTML data</p>
  
  <p>So can anybody suggest me which on is best method? I don't to go for database interactivity during homepage load. </p>