C＃MVC AJAXリクエスト

Question

私はMVCアプリケーションを持っていますが、このAJAXリクエストを動作させることはできません。 [HttpPost]のコードにブレークポイントを入れると、スクリプトはそこにも到達しません。

私はJavaScript：

function newEmployee() 
    { 
     $.ajax({ 
      url: '/Personnel/NewEmployee', 
      data: { 
       Ime: "test1", 
       Prezime: "test2" 
      }, 
      type: 'POST', 
      contentType: 'application/json; charset=utf-8', 
      success(data) 
      { 
       console.log("Success!"); 
      }, 
      error(data) 
      { 
       console.log(data) 
      } 
     }); 
    } 

マイコントローラー：

public class PersonnelController : Controller 
    { 

     public ActionResult Employees() 
     { 

      //Return View 
      return View(); 
     } 

     [HttpPost] 
     public ActionResult NewEmployee(string Ime, string Prezime) 
     { 
      uint UnijelaOsoba = 2; 
      Zaposlenik zaposlenik = new Zaposlenik(0); 
      zaposlenik.NoviZaposlenik(Ime, Prezime, UnijelaOsoba); 
      return Json(new { success = true }); 
     } 
    } 

これまでのところ、それは私がクローム開発者ツールコンソール用として、私は取得するには、JavaScriptの側で間違えてるように見えます：「POST http://127.0.0.1:8080/Personnel/NewEmployee 500（内部サーバーエラー）」

---

解決策（Shyjuの回答後）：

function newEmployee() 
{ 
    $.ajax({ 
     url: '/Personnel/NewEmployee', 
     data: JSON.stringify({ 
      Ime: "test1", 
      Prezime: "test2" 
     }), 
     type: 'POST', 
     contentType: 'application/json; charset=utf-8', 
     success(data) 
     { 
      console.log("Uspješno!"); 
     }, 
     error(data) 
     { 
      console.log(data) 
     } 
    }); 
} 

これは、すべてのサーバーのコードがクラッシュし、

Answer 1

500エラーが意味:) JSONを文字列化していました。アクションメソッドにブレークポイントを設定して理由を調べる必要があります

500エラーの原因になる可能性があることは、間違った方法でデータを送信していることです。単純なリーンフラットオブジェクトを送信する場合、コンテンツタイプをapplication/jsonとして指定する必要はありません。そうするなら、オブジェクトを文字列化して送信し、サーバー側に必要な変更を加える必要があります。

これは多分それは正しくないのです、それは要求しているもののURLを参照してください。、クロームのdevのツールで

$.ajax({ 
    url: '@Url.Action("NewEmployee","Personnel")', 
    data: { 
     Ime: "test1", 
     Prezime: "test2" 
    }, 
    type: 'POST' 
}).done(function(res) { 
    console.log(res); 
}).fail(function(a, b, c) { 
    console.log(a); 
}); 

Answer 2

Javascriptを

function newEmployee() 
    { 
    var Data = { 
      Ime: "test1", 
      Prezime: "test2" 
     }; 
     $.ajax(
     { 
      type: "POST", 
      data: Data, 
      dataType: "json", 
      url: '@Url.Action("ActionName","ControllerName")', 
      success: function (data) { 
       console.log("Success!"); 
      }, 
      error: function (xhr, status) { 
        console.log("Error!"); 
      }, 
      complete: function (xhr, status) { 

      } 
     }); 
    }