title: how to call controller from button click without using ajax mvc
body: <p>I'm new to web programming in general so this is probably a really simple question. I couldn't find anything on the web however.</p>
  
  <p>What I want to do is call my controller with the typed search string and return the results from a database and paginate the results. Right now I am using a function that is called when the button is pressed. The function looks like so: </p>
  
  <pre><code>function SubmitSearch() {
  
      var searchBox = document.getElementById('searchBox');
      var searchButton = document.getElementById('SearchButton');
  
      $.post("MyController/MyAction/",
      {
          searchString: searchBox.value,
          page: null
      }, function(result) {
          $('#searchResults').html(result);
          searchButton.value = "Search";
      });
  }
  </code></pre>
  
  <p>What happens is my controller is called, and my searchResults div is populated with the results and paginated. The user can click any search result returned to view the details.</p>
  
  <p>The problem is when the user clicks the browsers 'back' button, the page returns to the state before the search was entered, and this is because of the ajax call. What I want to do is, call the controller and have the page load like google would. Instead of using a PartialView, I would use a View (my guess).</p>
  
  <p>How would I call the controller and have the page RELOAD with the results. I must be missing something fundamental because this definitely seems like it should be easy.</p>