title: Ajax call showing error when call ActionResult in MVC.NET
body: <p>I am using Angularjs with asp.net MVC. I want to save data using ajax hit but it is showing Error message And in browser it is showing "Failed to load resource: the server responded with a status of 500 (Internal Server Error)". I want to call 
  Action result once for test with a static id but it is not working. My View page is:</p>
  
  <pre><code>@{
      ViewBag.Title = "SaveOwn";
  }
  &lt;script src="http://ajax.googleapis.com/ajax/libs/angularjs/1.3.14/angular.min.js"&gt;&lt;/script&gt;
  &lt;script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js" type="text/javascript"&gt;&lt;/script&gt;
  &lt;script&gt;
      (function (angular) {
          'use strict';
          angular.module('SaveOwnData', [])
            .controller('SaveOwnDataController', [
          '$scope', function ($scope) {
              $scope.saveData = {
                  id: '',
                  name: '',
                  designation: '',
                  mobile: ''
              }
              $scope.save = function () {
                  $.ajax({
                      type: 'POST',
                      contentType: 'application/json; charset=utf-8',
                      data: { "id": "1" },
                      url: "/Home/SaveData",
                      success: function () {
                          alert("Success");
                      },
                      error: function () {
                          alert("error");
                      }
                  });
              };
          }]);
      })(window.angular);
  
  &lt;/script&gt;
  
  &lt;div ng-app="SaveOwnData" ng-controller="SaveOwnDataController as saveData" ng-init="id=0; name=0;designation=0; mobile=0 "&gt;
      &lt;input type="text" ng-model="saveData.id" /&gt;
      &lt;input type="text" ng-model="saveData.name" /&gt;
      &lt;input type="text" ng-model="saveData.designation" /&gt;
      &lt;input type="text" ng-model="saveData.mobile" /&gt;
      &lt;input type="button" data-ng-click="save()" value="Save" /&gt;
      {{saveData.total()}}
      {{saveData.mobile}}
  &lt;/div&gt;
  </code></pre>
  
  <p>ActionResult code is:</p>
  
  <pre><code>public ActionResult SaveData(string id)
          {
              return View();
          }
  </code></pre>
  
  <p>i want to call SaveData method once as demo with ajax then i will use all parameters. Please help.</p>
  
  <p>Thanks in advance.</p>