title: How do I use JQuery with MVC 5 to load a View instead of a partial View
body: <p>I have a process that loops through the same view several times with different data and then eventually goes to a different view at the end of the process.
  The data is a list that is being sorted so I use jQuery to access the ordering of the list</p>
  
  <p>I use jQuery to update the view by using an embedded partialView</p>
  
  <p><strong>View</strong></p>
  
  <pre><code>&lt;div id="SequenceListPartialView"&gt;
    @{Html.RenderPartial("SequenceListPartial", Model);}
  &lt;/div&gt;
  
  &lt;a id="btn_acceptSequence" class="btn btn-default" &gt;Accept sequence&lt;/a&gt; 
  
  
  @section Scripts {
      @* required for sequencing *@
      @Scripts.Render("~/bundles/jquerysortable")
  
      &lt;script type="text/javascript"&gt;
          $(function() {
  
              //Sets the list to sortable
              $("#sequencedList").sortable(
              {
  
              });
  
              //Event handler for Accept button
              $("#btn_acceptSequence").click(function () {
                  var sequenceID_CSV = "";
                  $("#sequencedList").children().each(function(i) {
                      var div = $(this);
                      sequenceID_CSV += div.attr("id") + ':' + i + ',';
                  });
                  $.ajax({
                          url: "@Url.Action("UpdateSequence")",
                          type: "POST",
                          //dataType: "json",
                          contentType: "application/json; charset=utf-8",
                          data: JSON.stringify({ orderedIds: sequenceID_CSV }),
                      })
                      .success(function (result) {
                          $("#SequenceListPartialView").html(result);
                      })
                      .error(function(xhr, status) {
                          alert(status);
                      });
              });
          });
      &lt;/script&gt;
  }
  </code></pre>
  
  <p><strong>Server Side</strong>
  The server manipulates the data, creates a new model and sends it back</p>
  
  <pre><code>return PartialView("SequenceListPartial",myModel);
  </code></pre>
  
  <p>All of this works.</p>
  
  <p>My problem is at the end when the process is complete and I want to return a full View</p>
  
  <pre><code>return View("OverView", MyOtherModel);
  </code></pre>
  
  <p>Because I call using $.ajax (I think) my new view gets embedded as a partial view in the previous full view.</p>
  
  <p>It would be better for me if I didn't use $.ajax to call a partial view but just called a new view for each list I want to sort but I have tried to do that and got nowhere.</p>
  
  <p>My questions are: </p>
  
  <ol>
  <li>Can I "abort" the ajax call in my ActionResult and return a view</li>
  <li>Can I use a different technique to always call a view instead of an Ajax/Partial view </li>
  <li>I'm learning MVC so if this is altogether the wrong way to do this I would like to know the correct way</li>
  </ol>