title: Ajax call to a different controller
body: <p>I am trying to call a different Controller method in an Ajax call.  I have looked at different posts for a solution but because I do not exactly understand what their solutions are (Links at bottom).  I am calling my ajax call from my Home Controller, trying to call a method in my Production Controller.</p>
  
  <p>"Request URL: <a href="http://localhost.59223/Home/Production/CreateNewProductionGoal" rel="nofollow noreferrer">http://localhost.59223/Home/Production/CreateNewProductionGoal</a>"</p>
  
  <p>This is the error I am getting.</p>
  
  <p>I have tried changing the <strong>URL</strong> to <code>.../Production/CreateNewProductionGoal and to ~/Production/CreateNewProductionGoal</code>, as suggested online.  Neither of these implementations worked because I was getting a <strong>404 error, page not found</strong>.  </p>
  
  <p>One of the linked solutions mentions using a loc var key, of which I am unfamiliar. </p>
  
  <p>The other suggests using a button which is not an option in my case.</p>
  
  <pre><code>            $.ajax({
              type: 'post',
              url: "Production/CreateNewProductionGoal",
              dataType: "json",
              data: data,  //Creating a ProductionGoalViewModel to pass into the CreateNewProductionGoal method
              success: function (data) {
                  //$('#Dashboard').load("/Home/UpdateView/" + selectProductionLine);
              }
          });
  </code></pre>
  
  <p><a href="https://stackoverflow.com/questions/12499643/ajax-call-to-different-controller">Ajax call to different controller</a></p>
  
  <p><a href="https://stackoverflow.com/questions/26329884/how-to-make-ajax-calls-to-different-mvc-controllers">How to make ajax calls to different MVC controllers</a></p>
  
  <p>For clarification, I am looking for a step by step with explanation on how to Ajax call from one <code>MVC controller</code> to another. </p>
  
  <p>Thanks!</p>